checkbox全选不全选的问题

  function   selectall(spanchk)   
  {    
var   thebox=spanchk;   
xstate=thebox.checked;           
    
elm=thebox.form.elements;   
for(i=0;i<elm.length;i++)   
 if(elm[i].type=="checkbox"   &&   elm[i].id!=thebox.id)   
 {    if(elm[i].checked!=xstate)   
 elm[i].click();   
         }   
 }  然后在你那个全选的checkbox里面加onclick="javascript:selectall(this);"

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
    <BODY style="margin:0;padding:0;"> 
    <input type='checkbox' id='staticcb'>全选<br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'>
    </body>
    <script language="javascript">
    function checkSelectAll()
    {
      var staticcb=document.getElementById("staticcb");
      var dycb=document.getElementsByName("dycb");
      for(var i=0;i<dycb.length;i++)
      {
        if(!dycb[i].checked)
        {
          staticcb.checked=false;
          return ;
        }
      }
      staticcb.checked=true;
    }
    </script>
    </html> 
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
    <BODY style="margin:0;padding:0;"> 
    <input type='checkbox' id='CheckAll' onclick="SelectAll();">全选<br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'>
    </body>
    <script language="javascript">
    function checkSelectAll()
    {
      var staticcb=document.getElementById("staticcb");
      var dycb=document.getElementsByName("dycb");
      for(var i=0;i<dycb.length;i++)
      {
        if(!dycb[i].checked)
        {
          CheckAll.checked=false;
          return ;
        }
      }
      CheckAll.checked=true;
    }    function SelectAll()
        {        var checkall = document.getElementById("CheckAll");
            var checkbox = document.getElementsByTagName("input");
            for(i=0;i<checkbox.length;i++)
            {       
                var temp = checkbox.item(i);
                
                if(temp.type=="checkbox" && temp.id != "CheckAll")
                {
                     temp.checked=checkall.checked;
                }
            }    }
    </script>
    </html> 修改了楼上的！！！
      

  3.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
    <BODY style="margin:0;padding:0;"> 
    <input type='checkbox' id='staticcb' onclick='checkSelect()'>全选<br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'>
    </body>
    <script language="javascript">
    var staticcb=document.getElementById("staticcb");
    var dycb=document.getElementsByName("dycb");
    function checkSelect()
    {

    if(staticcb.checked==true)
    {
    for(var i=0;i<dycb.length;i++)
    dycb[i].checked=true;
    }
    else
    {
            for(var i=0;i<dycb.length;i++)
    dycb[i].checked=false;
    }
    }
    function checkSelectAll()
    {
        for(var i=0;i<dycb.length;i++)
      {

        if(!dycb[i].checked)
        {
          staticcb.checked=false;
          return ;
        }
      }
      staticcb.checked=true;
    }
    </script>
    </html> 
    学习.
      

  4.   

    function chk()
    {
    var dd = document.getElementsByTagName("input")
    for(i=0;i<dd.length;i++)
    {
    if(dd[i].type=='checkbox')
    {
    if(dd[i].checked == true)
    {
    dd[i].checked =false
    }
    else
    {
    dd[i].checked = true
    }
    }
    }
    }
      

  5.   


    <script language="javascript">
    function chk() 
    { 
    var dd = document.getElementsByTagName("input")  for(i=0;i <dd.length;i++) 
    { 
    if(dd[i].type== 'checkbox' && dd[i].id != "xx") 
    { 
    if(dd[i].checked == false) 
    { 
    dd[i].checked =true 
    } 
    else 
    { 
    dd[i].checked = false 
    } 
    } 
    } 

    if(document.getElementById("xx").checked == true)
    {
    document.getElementById("txt").innerText = "取消全选"
    }
    else
    {
    document.getElementById("txt").innerText = "全选"
    }
    }</script><input type="checkbox" name="checkbox1" id="xx" value="checkbox" onclick="chk()" /><span id="txt">全选</span>
    <input type="checkbox" name="checkbox2" value="checkbox" />
    <input type="checkbox" name="checkbox3" value="checkbox" />
    <input type="checkbox" name="checkbox4" value="checkbox" />
    <input type="checkbox" name="checkbox5" value="checkbox" /><input type="checkbox" name="checkbox" value="checkbox" />
    <input type="checkbox" name="checkbox6" value="checkbox" />
      

  6.   

    多谢各位的回答，可惜不是我要的答案，我的checkbox是用vb代码直接添加生成的，根据记录的条数。不是静态在 jsp中这样<input >写出来的，所以没有onclick事件，代码添加的 checkbox 怎么让他有 onclick呢
      

  7.   

    控件也可以加事件啊,e.Item.Attributes["OnMouseOver"]="javascript:this.bgColor='#eeeccc';";
      

  8.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
     function selectAll(obj)
     {
      var box=document.getElementById("form");
      var checkbox=box["name"];
      for(var i=0;i<checkbox.length;i++)
      {
           checkbox[i].checked=obj.checked;
      } 
     }
    </script>
    </head><body>
    <form action="" method="post" name="form">
    <table width="200" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td><input name="name" type="checkbox" value="0" onclick="selectAll(this);"/></td>
        <td>全选</td>
      </tr>
      <tr>
        <td><input name="name" type="checkbox" value="1" /></td>
        <td>1</td>
      </tr>
      <tr>
        <td><input name="name" type="checkbox" value="2" /></td>
        <td>2</td>
      </tr>
      <tr>
        <td><input name="name" type="checkbox" value="3" /></td>
        <td>3</td>
      </tr>
    </table></form>
    </body>
    </html>
      

  9.   

    type='checkbox' id='staticcb'>全选<br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'><br/>
    <input type='checkbox' name='dycb' onclick='checkSelectAll()'>
    </body>
    <script language="javascript">