关于CheckBox的选中问题


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD> <BODY>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
  function show()
  {
var a = document.getElementsByName("checkbox");
  for(var i=0;i<6;i++)
{
    if(a[i].checked == true)
{
a[i].checked = false;
}
else
{
a[i].checked = true;
}
}

}
  //-->
  </SCRIPT>
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1
  <input type="checkbox" id="checkbox">1  <input type="checkbox" id="checkboxt2" onclick="show()">反选 
 </BODY>
</HTML>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
        <HTML>    
        <HEAD>    
        <TITLE></TITLE>    
        <script type="text/javascript" language="javascript">   
        function checkAll(mycheck) //此方法用来全选和全消复选框   
    { 
    var items=document.getElementsByName("checkC");  
    for(var i=0;i<items.length;i++)
    { 
    items[i].checked=mycheck;   
    }
      }   
        </script>   
        </HEAD>    
        <BODY>            
        <input type="checkbox" name="checkC"  >1    
          
        <input type="checkbox" name="checkC" >2    
          
        <input type="checkbox" name="checkC" >3    
      
        <input type="checkbox" name="checkC" >4    
          
        <input type="checkbox" name="checkC">5    
          
        <input type="checkbox" name="checkC" >6    
          
        <input type="checkbox" name="checkC" >7 
        <br /> 
        <a href="#"  onclick="checkAll(true)">全选</a> <br>
        <a href="#" onclick="checkAll(false)">取消</a> 
        </BODY>    
        </HTML>
      

  2.   


    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
      function unselect()
      {
        var a = document.getElementsByName("checkbox");
          for(var i=0;i<a.length;i++)
            {
        a[i].checked = !a[i].checked;  //任意反选
            }
        
    }  function ok()
      {
        var str= '';
        var a = document.getElementsByName("checkbox");
          for(var i=0;i<a.length;i++)
            {
        str += a[i].id + ',' + a[i].checked + ';';
            }
        
        alert('提交的值：' + str);
    }
      //-->
      </SCRIPT>
      <input type="checkbox" name="checkbox" id="checkbox1">1
      <input type="checkbox" name="checkbox"  id="checkbox2">1
      <input type="checkbox" name="checkbox"  id="checkbox3">1
      <input type="checkbox" name="checkbox"  id="checkbox4">1
      <input type="checkbox" name="checkbox"  id="checkbox5">1
      <input type="checkbox" name="checkbox"  id="checkbox6">1  <input type="button" id="btn1" onclick="unselect()" value ="反选"> 
      <input type="button" id="btn2" onclick="ok()" value="提交">
     </BODY>
    </HTML>
      

  3.   

    补充下，带删除<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
        <html>    
        <head>    
        <title></title>    
        <script type="text/javascript" language="javascript">   
        function checkAll(mycheck) //此方法用来全选和全消复选框   
    { 
    var items=document.getElementsByName("checkC");  
    for(var i=0;i<items.length;i++)
    { 
    items[i].checked=mycheck;   
    }
      } 
      function click1(){ 
            var items=document.getElementsByName("checkC");  
    for(var i=0;i<items.length;i++)
    {
    if(items[i].checked == true)
    {
        items[i].style.display = "none";
        items[i].nextSibling.nodeValue = "";
    }
    }
        } 
        </script>   
        </head>    
        <body>            
        <input type="checkbox" id="check1" name="checkC"  value="1" />1    
          
        <input type="checkbox" id="check2" name="checkC" value="2" />2    
          
        <input type="checkbox" id="check3" name="checkC" value="3" />3    
      
        <input type="checkbox" id="check4" name="checkC" value="4" />4    
          
        <input type="checkbox" id="check5" name="checkC" value="5" />5    
          
        <input type="checkbox" id="check6" name="checkC" value="6" />6    
          
        <input type="checkbox" id="check7" name="checkC" value="7" />7 <br /><a href = "#" onclick="click1()">删除</a>
        <br /> 
        <a href="#"  onclick="checkAll(true)">全选</a> <br />
        <a href="#" onclick="checkAll(false)">取消</a> 
        </body>    
        </html>