gridview中checkbox的全选与全不选

Posted Bonnie_W

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gridview中checkbox的全选与全不选相关的知识,希望对你有一定的参考价值。

1.html

 1   <asp:GridView runat="server" ID="gvAddBySR" AutoGenerateColumns="False" HorizontalAlign="Left"
 2             Width="100%" EmptyDataText="<%$ Resources:GlobalResource,  NoData%>">
 3             <Columns>
 4                 <asp:TemplateField HeaderStyle-Width="7%">
 5                     <HeaderTemplate>
 6                         <input id="CheckAll" type="checkbox" onclick="selectAll(this);" />
 7                     </HeaderTemplate>
 8                     <ItemTemplate>
 9                         <asp:CheckBox runat="server" ID="ck" class="ck" onclick="getCk(this);"/>
10                     </ItemTemplate>
11                 </asp:TemplateField>

2.js

 1  function selectAll(obj) {
 2          var idAll = obj;
 3          Ced = idAll.checked;
 4          UCed = idAll.form.elements;
 5          var c = UCed.length;
 6          for (i = 0; i < UCed.length; i++) {
 7              if (UCed[i].type == "checkbox" && UCed[i] != idAll.id) {
 8                  if (UCed[i].checked != Ced) {
 9                      UCed[i].click();
10                  }
11              }
12          }
13      }

 

以上是关于gridview中checkbox的全选与全不选的主要内容,如果未能解决你的问题,请参考以下文章

全选与全不选

jquery控制checkbox全选与全不选

原生JavaScript实现checkbox全选与全不选

案例:全选与全不选及反选

关于checkbox全选与全不选遇到的问题

jQuery实现复选框的全选与全不选