Posted in Javascript onMay 13, 2013
在 GridView 里有一系列的 Checkbox ,要实现对其全选或全不选。开始在网上找了,但是参考的代码会全选 GridView 里所有的 Checkbox ,而我要的是单列全选。如图:
审核和权限是要分开的。
我自己写了 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>
JavaScript实现GriwView单列全选(自写代码)
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@