全选/取消 gridview中checkbox的功能实现

      

实现jquery代码： 

     $("#chkBoxAll").click(function () {
                  $(":checkbox:not(input[id='chkBoxAll'])").attr('checked', this.checked);
        });

 

对应的aspx代码：

<asp:GridView ID="gridView" runat="server" AllowPaging="True" Width="100%" CellPadding="3"  OnPageIndexChanging ="gridView_PageIndexChanging"
                    BorderWidth="1px" DataKeyNames="ID" OnRowDataBound="gridView_RowDataBound"
                    AutoGenerateColumns="false" PageSize="10"  RowStyle-HorizontalAlign="Center" OnRowCreated="gridView_OnRowCreated">
                    <Columns>
                    <asp:TemplateField ControlStyle-Width="30" HeaderText="选择"    >
                                <HeaderTemplate>
                                    <input type="checkbox" id="chkBoxAll" title="全选/取消"/>
                                </HeaderTemplate>
                                <ItemTemplate>
                                    <asp:CheckBox ID="DeleteThis" οnclick="javascript:CCA(this);" runat="server" />
                                </ItemTemplate>

<ControlStyle Width="30px"></ControlStyle>
                    </asp:TemplateField>
                   <asp:TemplateField HeaderText="序号">
                        <ItemTemplate>
                             <%# this.gridView.PageIndex * this.gridView.PageSize + Container.DataItemIndex + 1%>
                        </ItemTemplate>
                        <HeaderStyle Wrap="False" />
                    </asp:TemplateField> 

                                        ......

 

 效果图：