JS全选checkBox最佳方案。

 <input type="button" name="" value="不计算长度" onclick="a()">
 <input type="button" name="" value="全选" onclick="b()">
 <input type="button" value="缓存"  onclick="c()">
  <input type="checkbox" name="test[]" value="0"> 测试测试<br>

 

代码

   
     

    
      
    
       
    
      <
    
      input type
    
      =
    
      "
    
      button
    
      "
    
       name
    
      =
    
      ""
    
       value
    
      =
    
      "
    
      不计算长度
    
      "
    
       onclick
    
      =
    
      "
    
      a()
    
      "
    
      >
    
      
 
    
      <
    
      input type
    
      =
    
      "
    
      button
    
      "
    
       name
    
      =
    
      ""
    
       value
    
      =
    
      "
    
      全选
    
      "
    
       onclick
    
      =
    
      "
    
      b()
    
      "
    
      >
    
      
 
    
      <
    
      input type
    
      =
    
      "
    
      button
    
      "
    
       value
    
      =
    
      "
    
      缓存
    
      "
    
       onclick
    
      =
    
      "
    
      c()
    
      "
    
      >
    
      
 
    
      <
    
      input type
    
      =
    
      "
    
      checkbox
    
      "
    
       name
    
      =
    
      "
    
      test[]
    
      "
    
       value
    
      =
    
      "
    
      0
    
      "
    
      >
    
       测试测试
    
      <
    
      br
    
      >
    
      
 
    
      <
    
      script language
    
      =
    
      "
    
      JavaScript
    
      "
    
      >
    
      
 
    
      <!--
    
      
 
    
      var
    
       ca 
    
      =
    
       
    
      new
    
       Array();
 
    
      function
    
       a()
 {
 
    
      var
    
       m 
    
      =
    
       document.getElementsByName(
    
      '
    
      test[]
    
      '
    
      );
 
    
      for
    
       ( 
    
      var
    
       i
    
      =
    
      0
    
      ; i
    
      <
    
       m.length ; i
    
      ++
    
       )
 {
 m[i].checked 
    
      ==
    
       
    
      true
    
      
 
    
      ?
    
       m[i].checked 
    
      =
    
       
    
      false
    
      
 : m[i].checked 
    
      =
    
       
    
      true
    
      ;
 }
 }

 
    
      function
    
       b()
 {
 
    
      var
    
       m 
    
      =
    
       document.getElementsByName(
    
      '
    
      test[]
    
      '
    
      );
 
    
      var
    
       l 
    
      =
    
       m.length;
 
    
      for
    
       ( 
    
      var
    
       i
    
      =
    
      0
    
      ; i
    
      <
    
       l; i
    
      ++
    
      )
 {
 m[i].checked 
    
      ==
    
       
    
      true
    
       
 
    
      ?
    
       m[i].checked 
    
      =
    
       
    
      false
    
      
 : m[i].checked 
    
      =
    
       
    
      true
    
      ;
 }
 }

 
    
      function
    
       c()
 {
 
    
      if
    
       (ca.length 
    
      ==
    
       
    
      0
    
      )
 {
 ca 
    
      =
    
       cache();
 }
 cl 
    
      =
    
       ca.length;
 
    
      for
    
       ( 
    
      var
    
       i
    
      =
    
      0
    
      ; i
    
      <
    
       cl; i
    
      ++
    
      )
 {
 ca[i].checked 
    
      ==
    
       
    
      true
    
       
 
    
      ?
    
       ca[i].checked 
    
      =
    
       
    
      false
    
      
 : ca[i].checked 
    
      =
    
       
    
      true
    
      ;
 }
 }

 
    
      function
    
       cache()
 {
 
    
      var
    
       m 
    
      =
    
       document.getElementsByName(
    
      '
    
      test[]
    
      '
    
      );
 
    
      var
    
       cache 
    
      =
    
       
    
      new
    
       Array();
 
    
      var
    
       l 
    
      =
    
       m.length;
 
    
      for
    
       ( 
    
      var
    
       i
    
      =
    
      0
    
      ; i
    
      <
    
       l; i
    
      ++
    
      )
 {
 cache[i] 
    
      =
    
       m[i];
 }
 
    
      return
    
       cache;
 }

 
    
      //
    
      -->
    
      

    
       
    
      <
    
      /
    
      script>
   
     

 

上面的例子还是比较方便的，因为，checkbox的 name值都一样，如果不一样怎么办？？？
只能这样

代码

   
     

    
      
    
       
    
      <
    
      script language
    
      =
    
      "
    
      JavaScript
    
      "
    
      >
    
      
 
    
      <!--
    
      
 
    
      function
    
       check()
 {
 
    
      var
    
       inputs 
    
      =
    
       document.getElementsByTagName(
    
      '
    
      input
    
      '
    
      );
 
    
      var
    
       inputsLen 
    
      =
    
       inputs.length;
 
    
      for
    
       (
    
      var
    
       i 
    
      =
    
       
    
      0
    
      ; i 
    
      <
    
       inputsLen ; i
    
      ++
    
       )
 {
 
    
      if
    
       (inputs[i].type.toLowerCase() 
    
      ==
    
       
    
      '
    
      checkbox
    
      '
    
      )
 {
 inputs[i].checked 
    
      ==
    
       
    
      true
    
       
 
    
      ?
    
       inputs[i].checked 
    
      =
    
       
    
      false
    
      
 : inputs[i].checked 
    
      =
    
       
    
      true
    
      ;
 }
 }
 }
 
    
      //
    
      -->
    
      

    
       
    
      <
    
      /
    
      script>