gridview 新的js checkbox 全选

<% ... @ Page Language="C#" AutoEventWireup="true"  CodeFile="Grdview_HtmlChekbox.aspx.cs" Inherits="_Default"  %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 无标题页 </ title >
     < script  type ="text/javascript" > ...  
// 说明：Javascript 控制 CheckBox 的全选与取消全选 // 整理：http://www.CodeBit.cn 

 function checkAll(name)
  ...{    
 
      var el = document.getElementsByTagName('input');   
      var len = el.length;     
      for(var i=0; i<len; i++)    
      ...{         
         if((el[i].type=="checkbox") && (el[i].name==name))      
            ...{          
               el[i].checked = true;         
             }   
               
        } 
    }
     
    function clearAll(name)
    ...{   
        var el = document.getElementsByTagName('input');    
        var len = el.length;    
        for(var i=0; i<len; i++)   
        ...{  
            if((el[i].type=="checkbox") && (el[i].name==name))      
             ...{  
                   el[i].checked = false;       
             }   
        } 
            
     } 
     </ script >  
</ head >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
      < input  type ="checkbox"  name ="test"  value =""  onclick ="if(this.checked==true) { checkAll('test'); } else { clearAll('test'); }"   />  字母全选开关 
      < input  type ="checkbox"  name ="test"  value ="a"   />  a 
      < input  type ="checkbox"  name ="test"  value ="b"   />  b 
      < input  type ="checkbox"  name ="test"  value ="c"   />  c 
      < input  type ="checkbox"  name ="test"  value ="d"   />  d
       < input  type ="checkbox"  name ="test"  value ="e"   />  e
        < input  type ="checkbox"  name ="test"  value ="f"   />  f
         < input  type ="checkbox"  name ="test"  value ="g"   />  g  
         < br  />   
         < input  type ="checkbox"  name ="num"  value =""  onclick ="if(this.checked==true) { checkAll('num'); } else { clearAll('num'); }"    />  数字全选开关 
         < input  type ="checkbox"  name ="num"  value ="1"   />  1  < input  type ="checkbox"  name ="num"  value ="2"   />  2 
         < input  type ="checkbox"  name ="num"  value ="3"   />  3   < br  />
         < br  />   
         < input  type ="button"  value ="选择所有的字母"  onclick ="checkAll('test')"   />  
         < input  type ="button"  value ="清空选中的字母"  onclick ="clearAll('test')"   /> &nbsp; < br  />
         < br  />  
          < input  type ="button"  value ="选择所有的数字"  onclick ="checkAll('num')"   />  
          < input  type ="button"  value ="清空选中的数字"  onclick ="clearAll('num')"   />   
         < asp:CheckBox  ID ="CheckBox1"  runat ="server"   />< br  />
     </ div >
         < div  style ="width: 100px; height: 100px" >
             < asp:GridView  ID ="GridView1"  runat ="server"  Font-Size ="10pt"  Height ="215px"  Width ="698px"  DataKeyNames ="id" >
                 < Columns >
                     < asp:TemplateField >
                         < ItemTemplate >
                        <% ... --     <asp:CheckBox ID="CheckBox2" name ="test" runat="server" />-- %>
                             < input  value  ="<%#Eval(" id") % > "  name = "chOne" type="checkbox" />
                         </ ItemTemplate >
                         < HeaderTemplate >
                             < input  id ="chkAll"  name  ="chkAll"  onclick ="if(this.checked==true){checkAll('chOne');}else{clearAll('chOne')}"  type ="checkbox"   />
                         </ HeaderTemplate >
                     </ asp:TemplateField >
                 </ Columns >
             </ asp:GridView >
             < asp:Button  ID ="Button1"  runat ="server"  OnClick ="Button1_Click"  Text ="删除"   /></ div >
             < div >
                 < input  type ="radio"  name  ="1"  id ="group1"  value ="a" />  
                 < input  type ="radio"  id ="Radio1"    name  ="1"  value ="b" />  
                 < input  type ="radio"  id ="group2"  value ="a" />  
                 < input  type ="radio"  id ="Radio3"  value ="b" />  
             </ div >
     </ form >
</ body >
</ html >

----------

 

using  System;
using  System.Data;
using  System.Configuration;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;
using  System.Data.SqlClient;


public   partial   class  _Default : System.Web.UI.Page 
... {
    protected void Page_Load(object sender, EventArgs e)
    ...{
        if (!Page.IsPostBack)
        ...{
            bind();
        }
    }
    //数据绑定
    protected void bind()
    ...{
        SqlConnection conn = new SqlConnection("server=.;uid=sa;pwd=;database=test");
        SqlDataAdapter da = new SqlDataAdapter("select * from users",conn);
        DataSet DS = new DataSet();
        conn.Open();
        da.Fill(DS,"users");
        conn.Close();
        this.GridView1.DataSource = DS.Tables["users"];
        this.GridView1.DataBind();
        
    }
    //

    protected void Button1_Click(object sender, EventArgs e)
    ...{
        if (Request.Form["chOne"]!=null)
        ...{
            string ids = Request.Form["chOne"].ToString();

        }  
    }
}