全选/取消 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" onclick="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>

......

效果图：