脚本实现全选GridView中的CheckBox

今天终于实现了全选CheckBox而不用AJAX或者回传事件,省时又效率

　　　　全选和全不选,不会出现选中的项目全选时却不选的情况

前台代码如下:

GridView代码:

 

<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False" Width="100%" DataKeyNames="PermitID" >
          <Columns>
           <asp:TemplateField>
               <HeaderTemplate>
                   <input  id="CheckAll" type="checkbox" onclick="selectAll(this);" />
               </HeaderTemplate>
               <ItemTemplate>
                   <asp:CheckBox runat="server" ID="checkbox"  />
               </ItemTemplate>
               <ItemStyle Width="100px" />
           </asp:TemplateField>
           <asp:BoundField DataField="PermitCode" HeaderText="权限代码" SortExpression="PermitCode" />
           <asp:BoundField DataField="PermitName" HeaderText="权限名称" SortExpression="PermitName" />
          </Columns>
          <HeaderStyle CssClass="GVHeader" />
          <AlternatingRowStyle CssClass="GVAlternatingRow" />
          <RowStyle CssClass="GVRow" />
          <PagerStyle CssClass="GVPage" />
          <PagerSettings Visible="False" />
</asp:GridView>

 

其发挥作用的脚本如下:

 <script type="text/javascript">    
    function selectAll(obj)
    {
        var theTable  = obj.parentElement.parentElement.parentElement;
        var i;
        var j = obj.parentElement.cellIndex;
       
        for(i=0;i<theTable.rows.length;i++)
        {
            var objCheckBox = theTable.rows[i].cells[j].firstChild;
            if(objCheckBox.checked!=null)objCheckBox.checked = obj.checked;
        }
    }
</script>