GridView实现CheckBox全选

在页面加入如下代码:

1 function SelectAll(chkbox)

2 {

3 var theBox=chkbox;

4 xState=theBox.checked;

5 elem=theBox.form.elements;

6 for(i=0;i<elem.length;i++)

7 if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)

8 {

9 if(elem[i].checked!=xState)

10 elem[i].click();

11 }

12 }

GridView 模板列代码如下:

1 <asp:TemplateField>

2 <HeaderTemplate>

3 <input id="chkHeader" onclick="SelectAll(this)" type="checkbox" />

4 </HeaderTemplate>

5 <ItemTemplate>

6 <input id="chkItem" type="checkbox" name="chkItem" runat="server" value=" " />

7 </ItemTemplate>

8 <HeaderStyle HorizontalAlign="Center" />

9 <ItemStyle HorizontalAlign="Center" />

10 </asp:TemplateField>