- 时间：2021-05-30 10:28 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：JavaScript实现GriwView单列全选(自写代码)
在 GridView 里有一系列的 Checkbox ，要实现对其全选或全不选。开始在网上找了，但是参考的代码会全选 GridView 里所有的 Checkbox ，而我要的是单列全选。如图：
[img]http://files.jb51.net/file_images/article/201305/20130513170403.png?201341317442[/img]
审核和权限是要分开的。
[img]http://files.jb51.net/file_images/article/201305/20130513170503.png?201341317529[/img]
[img]http://files.jb51.net/file_images/article/201305/20130513170554.png?201341317613[/img]
我自己写了 JavaScript 代码，贴出来供大家参考。
function chkAll(CheckAll) {
var items = document.getElementsByTagName("input");
for (var i = 0; i < items.length; i++) {
if (items[i].type == "checkbox"){
for (var j = 2; j < 10; 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 。
前台的相应代码如下：
<asp:TemplateField HeaderText="审核">
<HeaderTemplate>
<asp:CheckBox ID="chkAll" onclick='chkAll(this)' runat="server" />
审核
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" Checked='<%# Eval("isCheck") %>' runat="server" />
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
