`

如何在初始化时把对应的checkbox使选中与不选中的讨论

 
阅读更多
首先我们大家在写页面的时候可能回经常遇到checkbox、radio等一些使选中或者是不选中的问题。这是我在项目当中做的时候发现的一个小知识点,把它赶紧记录下来。以便以后复习与巩固。
现把代码写出来再解释:
function operateCheckOrRadio() {
  var sForm = document.getElementById("sform");
  var sStatus = document.getElementById("status");

  if (sForm == null || sForm == "")
    return;
  for (var i = 0; i < sForm.elements[sStatus].length; i++){
    sForm.elements[sStatus][i].checked = true;//true表示为使打上对勾,反 之不打对勾
  }
}

这个方法也可以用来当我们已经使checkbox、radio选中了,再一次选择别的按钮时需要把所选择的对勾给去掉,那么这个方法也同样使用。

另外在选择的时候可能(针对checkbox而言)只能选择2或者是3不等。可以看看这个方法
function operChecked() {
  var num = 0;
  var name = document.getElementsByName("attributes");//获取某一个checkbox的对象
  for (var k = 0; k < name.length; k++) {
    if (name[k].checked) {
      num++;
      if (num > 2) {//个数可以自己来决定
          event.returnValue = false;//这一句话当你选择了2个再选择时根本选不了
      }
    }
  }
}
分享到:
评论
1 楼 134269 2012-07-11  
          

相关推荐

    layui之table checkbox初始化时选中对应选项的方法

    本文将详细讲解如何在layui的table初始化时设置checkbox选中对应的选项。 首先,layui table组件在渲染数据时,需要从后台获取数据并将其格式化为特定的结构。对于包含checkbox的表格,每个行数据需要包含一个字段...

    Android中ListView结合CheckBox获取选中项.rar

    因此,在`getView()`方法中,必须根据`ItemModel`的状态初始化CheckBox,确保每个可见的CheckBox状态正确。 9. **注意滑动冲突** - 如果ListView嵌套在ScrollView或其他可滚动的布局中,可能引发滑动冲突。需要...

    checkbox全选,选中数据传到后台

    在IT行业中,尤其是在Web开发领域,"checkbox全选,选中数据传到后台"是一个常见的功能需求。这个功能主要用于用户批量处理数据,如删除、修改等。以下是对这个主题的详细解析: 首先,我们需要理解标题中的关键词...

    对layui初始化列表的CheckBox属性详解

    然而,当页面需要动态加载数据,如分页、搜索等操作时,静态页面的初始化方式往往不能满足需求,这就需要我们深入理解layui的初始化列表和CheckBox属性。 首先,layui的CheckBox组件用于创建复选框,通常用于多选...

    悬浮窗口点击checkbox选中给text文本.zip

    在IT行业中,尤其是在前端开发领域,用户界面的交互性与用户体验息息相关。"悬浮窗口点击checkbox选中给text文本"是一个常见的需求,它涉及到JavaScript(JS)特效和UI设计。在这个场景下,用户可以通过点击悬浮窗口...

    获取GridView中Checkbox的值

    Page_Load方法通常用于初始化页面或处理数据绑定,但在这个例子中,我们没有进行特殊的操作,因此留空即可。 Button1_Click方法是关键事件处理程序,当用户点击Button1时,会执行此方法。在这里,我们通过一个for...

    Flex DataGrid CheckBox 一个简单的全选

    例如,如果数据项有一个名为"isSelected"的字段,我们可以在初始化时将该字段设置为true或false,以控制CheckBox的默认选中或未选中状态。 三、设置CheckBox的可用状态 CheckBox的可用状态可以通过设置其enabled...

    bootstrap 设置checkbox部分选中效果

    在使用iCheck之前,请确保已在页面中引入iCheck的CSS和JS文件,并且初始化了相关的复选框。 以上两种方法都能够达到预期的效果,即根据后台数据动态设置Bootstrap复选框的选中状态。在实际应用中,你可能还需要...

    ListVIew 实现Checkbox多选

    `getView()` 方法中,我们设置了Checkbox的文本和初始选中状态,并添加了一个CheckedChangeListener,当Checkbox的状态改变时,会触发这个监听器,更新对应位置的选中状态。 接下来,你需要在布局文件(如 `list_...

    VC++ CheckBox 自绘

    在默认情况下,CheckBox控件的样式是固定的,但通过自定义绘制(自绘)技术,我们可以实现更丰富的视觉效果,比如改变背景色、设置背景图片,以及根据CheckBox的状态(选中或未选中)显示不同的图片。 自绘主要涉及...

    Struts html:checkbox框初始默认是选中的解决方法

    尽管可以使用Formbean中property设置为true的方式让复选框默认选中,但Struts在处理表单提交时,并不会更新初始化值为true的checkbox属性,而是默认将其设置为false。尽管有人提出在ActionForm的reset()方法中设置...

    ListView与CheckBox

    这就可能导致CheckBox的状态在滚动时出现问题,因为被复用的item可能保留了之前的选中状态。 解决这个问题的一个常见方法是使用`getView()`方法。在Adapter的`getView()`方法中,我们需要根据数据源的当前状态来...

    jQuery checkbox选中问题之prop与attr注意点分析

    在实际开发中,还可能会遇到一些特殊情况,比如动态添加到DOM中的checkbox元素,这些元素可能在初次初始化时并不会自动拥有DOM属性checked。在这种情况下,开发者需要手动设置prop方法来确保checkbox能够被正确处理...

    JS通过识别id、value值对checkbox设置选中状态

    当需要初始化页面加载时的复选框状态,可以获取需要设置为选中的数值,然后遍历所有复选框,找到与这些数值匹配的复选框并设置其选中。以下是一个jQuery示例,它根据变量`roleName`的值来设置对应的复选框: ```...

    在Android中使用Radio和Checkbox的源码例子.rar

    2. 活动(Activity):在Activity的onCreate方法中,开发者可能会初始化RadioGroup或Checkbox,并设置对应的监听器。例如,使用RadioGroup.setOnCheckedChangeListener或Checkbox.setOnCheckedChangeListener。 3. ...

    checkbox和gridview的结合

    在初始化`GridView`时,先查询数据库获取所有数据,然后用这些数据填充`GridView`。 - 当`CheckBox`的状态改变时,不仅需要更新内存中的数据源,还要同步到数据库中。可以使用`ContentProvider`或者直接操作数据库...

    Android 两级都带CheckBox的 ExpandableListView

    2. 初始化`ExpandableListView`并设置自定义适配器。 3. 在适配器的`getView`方法中,根据数据模型设置`CheckBox`的初始状态。 4. 设置`CheckBox`的监听器,处理点击事件并更新数据模型。 5. 在数据模型改变时,通知...

    flex Datagrid checkbox全选

    在初始化时,我们需要根据当前行的数据设置checkbox的选中状态。并且,我们需要监听`CheckBoxHeaderColumn`的`click`事件,当表头的checkbox状态改变时,同步行中的checkbox状态。 实现全选功能的关键在于事件监听...

    自定义Checkable控件实现点击ListViewItem选中checkbox

    然而,当需要在ListView的每一项中加入可勾选的checkbox时,我们不能简单地在item布局中添加一个标准的Checkbox,因为这会导致点击事件冲突,用户体验也会受到影响。为了解决这个问题,我们可以自定义一个Checkable...

Global site tag (gtag.js) - Google Analytics