javascript全选 ？ 哪里错了，改一下


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
<HTML>    
<HEAD>    
<TITLE></TITLE>    
<script type="text/javascript" language="javascript">   
function checkAll()//此方法用来全选和全消复选框   
{   
var items=document.getElementsByName("checkC");   
    
for(var i=0;i<items.length;i++){   
    items.checked=true;
}   
}   

</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  
<input type="button" name="checkall" value=" click " onClick="checkAll()" />  
  
</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()//此方法用来全选和全消复选框   
        {   
        var items=document.getElementsByName("checkC");   
        
        for(var i=0;i<items.length;i++){   
            items[i].checked=true;
        }   
        }   
        
        </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  
        <input type="button" name="checkall" value=" click " onClick="checkAll()" />  
          
        </BODY>    
        </HTML>
      

  2.   

    for(var i=0;i<items.length;i++){   
    items[i].checked=!items[i].checked;
    }
      

  3.   

    楼主这个，改好使了也只能全选，无法全消。
    要想既能全选又能全消，需要这样：
    <script type="text/javascript" language="javascript">   
    function checkAll()//此方法用来全选和全消复选框   
    {   
        var items=document.getElementsByName("checkC");   
        if(document.getElementsByName("checkall")[0].checked) document.getElementsByName("checkall")[0].checked=!document.getElementsByName("checkall")[0].checked;
    else document.getElementsByName("checkall")[0].checked=true;
        for(var i=0;i<items.length;i++){   
            items[i].checked=document.getElementsByName("checkall")[0].checked;
        }   
    }   
    </script>   
      

  4.   

    function eventCheckall()            // 全選checkbox
    {    var ck= false;
        for(i=0;i<document.form1.elements.length;i++)
        {
        if(document.form1.elements[i].type=="checkbox")
        {
        if(document.form1.elements[i].checked)
        {
            ck = true;break;
        }
        else
        {
            ck = false;
        }
        }
        }
        for(i=0;i<document.form1.elements.length;i++)
        {
        if(document.form1.elements[i].type=="checkbox")
        {
        if(ck)
        {
            document.form1.elements[i].checked=false;
        }
        else
        {
            document.form1.elements[i].checked=true;
        }     
        }
        }

    }
      

  5.   

    function checkAll()//此方法用来全选和全消复选框   
        {   
        var items=document.getElementsByName("checkC");   
        
        for(var i=0;i<items.length;i++){   
            items【i】.checked=true;
        }   
        }  
      

  6.   

    简单的方法：
    function checkAll()//此方法用来全选和全消复选框  
      {  
      var items=document.getElementsByName("checkC");  
       
      for(var i=0;i<items.length;i++){  
      items[i].checked=!items[i].checked;
      }  
      }   
      

  7.   

    function checkAll()//此方法用来全选和全消复选框  
    { var items=document.getElementsByName("checkC"); 
    for(var i=0;i<items.length;i++)
    { items[i].checked=!items[i].checked;  
    }
     }
      

  8.   


     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">    
        <HTML>    
        <HEAD>    
        <TITLE></TITLE>    
        <script type="text/javascript" language="javascript">   
        function checkAll(obj)//此方法用来全选和全消复选框   
        {   
    var val = obj.title;
    var items=document.getElementsByName("checkC");   
    if(val=="All"){
    for(var i=0;i<items.length;i++){   
    items[i].checked=true;
    }
    obj.title="No";
    }else{
    for(var i=0;i<items.length;i++){   
    items[i].checked=false;
    }
    obj.title="All";
    } 
        }   
        
        </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  
        <input type="button" name="checkall" value="check" title="All" onClick="checkAll(this)" />  
          
        </BODY>    
        </HTML>
      

  9.   

    items[i].checked=!items[i].checked;   是反选吧- -
    全选和全不选，简单点就传个参数就行了，调用的时候checkAll(true) 或者checkAll(false)
      

  10.   

    这个是反选吧？全消是items[i].checked = false;
      

  11.   

    <!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>