`

多选框check_box 每个name不一样但实现全选问题。

阅读更多
由于js读取check_box获取不了id所以搞了一下读name的办法。
对需要用不同name来标示选框但又要实现全选的情况比较实用。

<script type="text/javascript">
function checkAll(n){
for (i = 0; i < n; i++) {
var chkStatus = document.getElementsByName("puststyle"+i);
             for (a = 0; a < chkStatus.length; a++) {
chkStatus[a].checked = event.srcElement.checked;
         }
}

}
</script>

<input type="checkbox"  id="checkall" name="checkall" onclick="checkAll('<%=@stu_reg_infs.size%>');"/>全选/反选

<%i=0%>
<%for stu_reg_inf in @stu_reg_infs%>
<%i=i+1%>
<td><input  name="puststyle<%=i%>" type="checkbox" value="<%=stu_reg_inf.id%>" />合格</td>
<%end%>
分享到:
评论

相关推荐

    javascript复选框实现批量选择

    实现这种批量选择的方法往往是使用 JavaScript,通过在每条记录前面加一个复选框,然后在列表下方放置一个“全选/全不选”复选框。 实现批量选择的思路是: 1. 在每条记录前面加一个复选框,该复选框的值为“id|...

    js与jQuery实现checkbox复选框全选/全不选的方法

    本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...

    jQuery实现简单全选框

    在这个例子中,我们有一个表格,其中包含一个全选框(id为"checkedAll")以及多个复选框(name属性为"items"),这些复选框对应表格中的每一行数据。 ```html 学生信息表 全选" /&gt;全选 学号 ...

    jquery复选框CHECKBOX全选、反选

    在jQuery中,处理复选框(CHECKBOX)的全选和反选操作是常见的需求,尤其是在数据筛选或批量操作的场景下。这里介绍一个官方提供的函数`CheckboxGroup`,它简化了这一过程。该函数在2018年6月18日的最新版本中发布,...

    javascript实现checkbox全选的代码

    在JavaScript中,实现复选框(checkbox)全选的功能是一个常见的需求,特别是在处理表单或者数据筛选时。这里我们详细探讨如何使用JavaScript实现这个功能,以及两种不同的调用方法。 首先,我们需要创建一个名为`...

    jQuery实现checkbox列表的全选、反选功能

    这里,子复选框的`class`与全选复选框的`data-check-target`值匹配,确保了当全选复选框的状态改变时,可以正确地影响到对应的子复选框。 总的来说,这个例子巧妙地利用了jQuery的事件绑定和自定义属性,实现了复选...

    jquery实现全选、反选、获得所有选中的checkbox

    2、取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("check

    checkedbox 选中效果 选中子,主自动选中,选中主 子全部选中

    使用 `${list.name}` 和 `${list.id}` 来显示和设置每个 checkbox 的值和文本内容。 ```html ${list.name}&nbsp;&nbsp;&nbsp;&lt;input type="checkbox" name="parent[${i}]" value="${list.id}" ...&gt; ``` 这种方式...

    vue使用vant中的checkbox实现全选功能

    本文实例为大家分享了vue使用vant中的checkbox实现全选功能的具体代码,供大家参考,具体内容如下 (item, key=index&gt; class=listli &gt; &lt;p&gt;{{ item.name

    jquery checkbox全选、取消全选实现代码

    接着,我们定义了多个复选框,它们有相同的 `name` 属性 "checkbox_name[]",但拥有不同的 `id`,如 "checkbox_name_1"、"checkbox_name_2" 等。这是为了让 jQuery 能够通过 `name` 属性找到这些复选框: ```html ...

    js实现功能比较全面的全选和多选

    每个单选复选框都有一个特定的值(value)和名称(name为"box"),这使得可以通过名称来选中或取消选中所有同名的复选框。 ```html &lt;input type="checkbox" id="checkbox" value="1" onclick="check()" /&gt;水果 ${...

    jQuery checkbox全选/取消全选实现代码

    总之,这个例子展示了如何使用jQuery实现复选框的全选/取消全选功能,以及如何获取选中复选框的值,这些都是在Web开发中常见的需求,尤其是在涉及到用户交互和数据处理的场景。通过熟练掌握jQuery,开发者可以更高效...

    jquery checkbox全选反选效果代码

    4. 每个复选框都应当有一个唯一的id属性和一个name属性,name属性用于在表单提交时将数据作为一组发送到服务器。 5. 可以为复选框添加value属性,表示复选框被选中时提交的值。 6. 默认情况下,复选框是未被选中的。...

    gridview checkbox从服务器端和客户端两个方面实现全选和反选

    在CheckAll_CheckedChanged方法中,通过循环遍历GridView的每一行,设置每个CheckBox1的Checked属性等于CheckAll的Checked属性。而在CheckBox1_CheckedChanged方法中,统计选中的Checkbox数量,如果等于总行数,则...

    JS小功能(checkbox实现全选和全取消)实例代码

    在JavaScript中,实现复选框(checkbox)的全选和全取消功能是一项常见的需求,尤其在数据列表或者选项集合中。这个小功能的核心是通过监听全选复选框(ck1)的点击事件,来控制所有其他同名复选框(name1)的状态。...

    原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)

    在网页开发中,实现checkbox的全选/全不选、点选以及行内点选功能是常见的需求。这里我们探讨两种实现方式:原生JavaScript和jQuery。这两种方法都是为了达到以下效果: 1. **全选/全不选**:勾选全选框时,列表中...

    Jquery CheckBox全选方法代码附js checkbox全选反选代码

    在网页开发中,经常需要实现一个功能,即用户可以通过点击一个复选框(CheckBox)来全选或反选页面上所有相同类型的复选框。在jQuery库的帮助下,这个任务变得非常简单和直观,正如标题“Jquery CheckBox全选方法...

    基于JS实现checkbox全选功能实例代码

    此功能经常会用户,下面小编给大家分享下实现代码,一起看看吧! 效果图如下: 点击全选之前: 点击全选之后: 再次点击全选之后: 代码如下: &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;...

    jquery数组之存放checkbox全选值示例代码

    全选/全部不选 &lt;input type=”checkbox” name=”items” value=”1″&gt;1 &lt;input type=”checkbox” name=”items” value=”2″&gt;2 &lt;input type=”checkbox” name=”items” value=”3″&gt;3 &lt;...

Global site tag (gtag.js) - Google Analytics