GridView 全选择实现

  <script language="javascript" type="text/javascript">
       function SelectAll(chkVal,idVal)
       {
           var frm = document.forms[0];
           for(i=0;i<frm.length;i++)
           {
                if(idVal.indexOf('chkAll')!=-1) //zhao
                {
                   if(chkVal ==true)
                   {
                      frm.elements[i].checked = true;
                   }
                   else
                   {
                      frm.elements[i].checked = false;
                   }
                }
                else
                {
                    if(idVal.indexOf('chkSingle')!=-1)
                    {  //  如果发现子checkbox 有一个没有选中
                       if(frm.elements[i].checked == false)
                       {
                          frm.elements[1].checked= false;
                       }
                    }
                }
           }
       }       
    </script>

 

== 调用 asp:TemplateField>
                    <HeaderTemplate>
                      <input  id="chkAll" runat="server" onclick="SelectAll(this.checked,this.id)" type="checkbox" />全选
                    </HeaderTemplate>
                    <ItemTemplate>
                        <input id="chkSingle" runat="server" type="checkbox"  onclick="SelectAll(this.checked,this.id)" value='<%# Eval("ID") %>'  />
                    </ItemTemplate>
                </asp:TemplateField>

 

==实现二

  <script language="javascript" type="text/javascript">
    //头部中控制
            function  check(obj)
            {
                if(obj.checked==true)
                {
                   selectAll();
                }
                else
                {
                   cancelAll();
                }
            }
    //全选
         function selectAll()
         {
             var ele = document.form1.elements;
          
                  for(i=0;i<ele.length;i++)
                  {
                       if(ele[i].type=="checkbox" &&ele[i].id!='all')
                       {
                          ele[i].checked = true;
                       }
                  }                  
         }
        //取消全选
         function cancelAll()
         {
                 var ele = document.form1.elements;
                  for(i=0;i<ele.length;i++)
                  {
                       if(ele[i].type=="checkbox" &&ele[i].id!='all')
                       {
                          ele[i].checked = false;
                       }
                  } 
         }
    </script>

==调用

 <asp:TemplateField>
                                    <HeaderTemplate>
                                        <input id="all" runat="server" type="checkbox"  onclick="check(this)" />全选
                                    </HeaderTemplate>
                                    <ItemTemplate>
                                        <input type="checkbox" id="item" runat="server" />
                                    </ItemTemplate>
                                </asp:TemplateField>