JavaScript实现GriwView单列全选(自写代码)_javascript技巧
程序员文章站
2022-04-29 12:38:11
...
在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选。开始在网上找了,但是参考的代码会全选 GridView 里所有的 Checkbox ,而我要的是单列全选。如图:
审核和权限是要分开的。
我自己写了 JavaScript 代码,贴出来供大家参考。
function chkAll(CheckAll) {
var items = document.getElementsByTagName("input");
for (var i = 0; i if (items[i].type == "checkbox"){
for (var j = 2; j var id = "ctl00_ContentPlaceHolder1_GridView1_ctl0" + j + "_CheckBox1";
if (items[i].id == id) {
items[i].checked = CheckAll.checked;
}
}
}
}
}
其中,第5行的 j 和 第6行的 id 是用来确定同一列的 Checkbox,具体 j 的范围以及 id 可能不同,可以通过 alert(items[i].id); 遍历整个 items 查看相应的 id 。
前台的相应代码如下:
审核
审核和权限是要分开的。
我自己写了 JavaScript 代码,贴出来供大家参考。
复制代码 代码如下:
function chkAll(CheckAll) {
var items = document.getElementsByTagName("input");
for (var i = 0; i if (items[i].type == "checkbox"){
for (var j = 2; j var id = "ctl00_ContentPlaceHolder1_GridView1_ctl0" + j + "_CheckBox1";
if (items[i].id == id) {
items[i].checked = CheckAll.checked;
}
}
}
}
}
其中,第5行的 j 和 第6行的 id 是用来确定同一列的 Checkbox,具体 j 的范围以及 id 可能不同,可以通过 alert(items[i].id); 遍历整个 items 查看相应的 id 。
前台的相应代码如下:
复制代码 代码如下:
审核
推荐阅读
-
javascript实现checkbox全选的代码_javascript技巧
-
JavaScript判断密码强度(自写代码)_javascript技巧
-
js 分页全选或反选标识实现代码_javascript技巧
-
js跑马灯代码(自写)_javascript技巧
-
JS小功能(checkbox实现全选和全取消)实例代码_javascript技巧
-
javascript返回顶部效果(自写代码)_javascript技巧
-
JavaScript判断密码强度(自写代码)_javascript技巧
-
javascript级联下拉列表实例代码(自写)_javascript技巧
-
返回页面顶部top按钮通过锚点实现(自写)_javascript技巧
-
js跑马灯代码(自写)_javascript技巧