单击CheckBox，全选GridView中所有CheckBox (转)

单击CheckBox，全选GridView中所有CheckBox

 

一：在客户端执行

<script type="text/javascript">
       function SelectAll(tempControl)
       {
           var theBox = tempControl;  //获取参数名称
           sState = theBox.checked;   //查看参数是否为真
           elem = theBox.form.elements;  //获取当前页面所有元素
           for(i=0;i<elem.length;i++)
           {
               if(elem[i].type=="checkbox" && elem[i].id!=theBox.id)
               {
                   if(elem[i].checked!=sState)
                   {
                       elem[i].click();
                   }
               }
           }
       }
   
    </script>

在GridView添加一列CheckBox模板列，在头模板也添加一个checkBox在CheckBox按钮事件上上添加

 <HeaderTemplate>
   <asp:CheckBox ID="CheckBox2" runat="server" οnclick="javascript:SelectAll(this);" />
 </HeaderTemplate>
***************************************************************************
二 在服务器端执行
在外部添加一个CheckBox按钮，并讲该按钮的AutoPostBack属性设置为True，双击该CheckBox

protected void CheckBox2_CheckedChanged(object sender, EventArgs e)
    {
        int i;
        if (((CheckBox)sender).Checked)
        {
            for (i = 0; i < GridView1.Rows.Count; i++)
            {
                ((CheckBox)GridView1.Rows[i].FindControl("CheckBox1")).Checked = true;//找到那一列模板的ID值
            }
        }
        else
        {
            for (i = 0; i < GridView1.Rows.Count; i++)
            {
                ((CheckBox)GridView1.Rows[i].FindControl("CheckBox1")).Checked =false;
            }
        }
    }

====================================================================

<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
è???￡o<input type=checkbox οnclick=sel('chk')>
<script language="javascript">
 function sel(a){
  o=document.getElementsByName(a)
  for(i=0;i<o.length;i++)
  o[i].checked=event.srcElement.checked
 }
</script> 

 

=====================================================================

 

JScript code
<script language="JavaScript">
function chkall(input1,input2)
{
    var objForm = document.forms[input1];
    var objLen = objForm.length;
    for (var iCount = 0; iCount < objLen; iCount++)
    {
        if (input2.checked == true)
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = true;
            }
        }
        else
        {
            if (objForm.elements[iCount].type == "checkbox")
            {
                objForm.elements[iCount].checked = false;
            }
        }
    }
}
</script>

<form id="form1">
<input type="checkbox" value='全部選取' οnclick='chkall("form1",this)' name=chk><BR>
<input type="checkbox" name="item_001" value="1">1<BR>
<input type="checkbox" name="item_002" value="2">2<BR>
<input type="checkbox" name="item_003" value="3">3<BR>
<input type="checkbox" name="item_003" value="4">4
</form>

 =====================================================================

 

 

<SCRIPT LANGUAGE="JavaScript">
function $N(name){return document.getElementsByTagName(name);}
function checkall(v,name){//v当前要设置的值true/false;name要设置的checkbox组的name,如果省略则默认为所有的checkbox
    o=name?$N(name):$N("input");
    for(i=0;i<o.length;i++)    if(o[i].type=="checkbox")o[i].checked=v;
}
function setstatus(o){
     var status = o.value=="全选"
     o.value=status?"取消":"全选"
     checkall(status);
}
</SCRIPT>
<INPUT TYPE="checkbox" NAME="a">1
<INPUT TYPE="checkbox" NAME="a">2
<INPUT TYPE="checkbox" NAME="a">3
<INPUT TYPE="checkbox" NAME="a">4
<INPUT TYPE="checkbox" NAME="a">5<BR>
<input type="button" οnclick="setstatus(this)" value="全选">

 

 

=====================================================================

JScript code<script type="text/javascript">
     function checkAll(argu){
      var obj = document.getElementsByName("checkBox");

        for(var i= 0;i<obj.length;i++){
              obj[i].checked = argu.checked;
            }
     }
 </script>

HTML code<td>
                     <input type="checkBox" name="checkBoxs" onClick="checkAll(this)">全选(反选)
                 </td>

 

 

 

 

=====================================================================