由于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,通过在每条记录前面加一个复选框,然后在列表下方放置一个“全选/全不选”复选框。 实现批量选择的思路是: 1. 在每条记录前面加一个复选框,该复选框的值为“id|...
本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端技巧吧,很多时候我们都...
在这个例子中,我们有一个表格,其中包含一个全选框(id为"checkedAll")以及多个复选框(name属性为"items"),这些复选框对应表格中的每一行数据。 ```html 学生信息表 全选" />全选 学号 ...
在jQuery中,处理复选框(CHECKBOX)的全选和反选操作是常见的需求,尤其是在数据筛选或批量操作的场景下。这里介绍一个官方提供的函数`CheckboxGroup`,它简化了这一过程。该函数在2018年6月18日的最新版本中发布,...
在JavaScript中,实现复选框(checkbox)全选的功能是一个常见的需求,特别是在处理表单或者数据筛选时。这里我们详细探讨如何使用JavaScript实现这个功能,以及两种不同的调用方法。 首先,我们需要创建一个名为`...
这里,子复选框的`class`与全选复选框的`data-check-target`值匹配,确保了当全选复选框的状态改变时,可以正确地影响到对应的子复选框。 总的来说,这个例子巧妙地利用了jQuery的事件绑定和自定义属性,实现了复选...
2、取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("check
使用 `${list.name}` 和 `${list.id}` 来显示和设置每个 checkbox 的值和文本内容。 ```html ${list.name} <input type="checkbox" name="parent[${i}]" value="${list.id}" ...> ``` 这种方式...
本文实例为大家分享了vue使用vant中的checkbox实现全选功能的具体代码,供大家参考,具体内容如下 (item, key=index> class=listli > <p>{{ item.name
接着,我们定义了多个复选框,它们有相同的 `name` 属性 "checkbox_name[]",但拥有不同的 `id`,如 "checkbox_name_1"、"checkbox_name_2" 等。这是为了让 jQuery 能够通过 `name` 属性找到这些复选框: ```html ...
每个单选复选框都有一个特定的值(value)和名称(name为"box"),这使得可以通过名称来选中或取消选中所有同名的复选框。 ```html <input type="checkbox" id="checkbox" value="1" onclick="check()" />水果 ${...
总之,这个例子展示了如何使用jQuery实现复选框的全选/取消全选功能,以及如何获取选中复选框的值,这些都是在Web开发中常见的需求,尤其是在涉及到用户交互和数据处理的场景。通过熟练掌握jQuery,开发者可以更高效...
4. 每个复选框都应当有一个唯一的id属性和一个name属性,name属性用于在表单提交时将数据作为一组发送到服务器。 5. 可以为复选框添加value属性,表示复选框被选中时提交的值。 6. 默认情况下,复选框是未被选中的。...
在CheckAll_CheckedChanged方法中,通过循环遍历GridView的每一行,设置每个CheckBox1的Checked属性等于CheckAll的Checked属性。而在CheckBox1_CheckedChanged方法中,统计选中的Checkbox数量,如果等于总行数,则...
在JavaScript中,实现复选框(checkbox)的全选和全取消功能是一项常见的需求,尤其在数据列表或者选项集合中。这个小功能的核心是通过监听全选复选框(ck1)的点击事件,来控制所有其他同名复选框(name1)的状态。...
在网页开发中,实现checkbox的全选/全不选、点选以及行内点选功能是常见的需求。这里我们探讨两种实现方式:原生JavaScript和jQuery。这两种方法都是为了达到以下效果: 1. **全选/全不选**:勾选全选框时,列表中...
在网页开发中,经常需要实现一个功能,即用户可以通过点击一个复选框(CheckBox)来全选或反选页面上所有相同类型的复选框。在jQuery库的帮助下,这个任务变得非常简单和直观,正如标题“Jquery CheckBox全选方法...
此功能经常会用户,下面小编给大家分享下实现代码,一起看看吧! 效果图如下: 点击全选之前: 点击全选之后: 再次点击全选之后: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <...
全选/全部不选 <input type=”checkbox” name=”items” value=”1″>1 <input type=”checkbox” name=”items” value=”2″>2 <input type=”checkbox” name=”items” value=”3″>3 <...