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)
                elem[i].click();      
        }
   }

 

 

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" />
 </asp:TemplateField>