1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">      
  2. <HTML>      
  3. <HEAD>      
  4. <TITLE>JavaScript全选(全消)，动态全选全消</TITLE>      
  5. <script type="text/javascript" language="javascript">     
  6. function checkAll()//此方法用来全选和全消复选框     
  7. {     
  8. var items=document.getElementsByName("checkC");     
  9. var itemall=document.getElementById("all");     
  10. for(var i=0;i<items.length;i++){     
  11. items[i].checked=itemall.checked;     
  12. }     
  13. }     
  14. function resAll(){     
  15. var items=document.getElementsByName("checkC");     
  16. var itemall=document.getElementById("all");     
  17. var ite=0; //此变量用来记录当前选中的checkbox的个数     
  18. for(var i=0;i<items.length;i++){     
  19. //获得当前选中的checkbox的数量     
  20. if(items[i].checked){     
  21. ite++;     
  22. }     
  23. }     
  24. //如果当前选中的数量为有一个没有选中，并且全选框是选中状态     
  25. //则将全选框的状态变为不选择     
  26. if(ite==items.length-1&&itemall.checked){     
  27. itemall.checked=false;     
  28. }     
  29. /*---     
  30. //这个适用于你想把子选项完全去掉才将全选的效果去掉     
  31. if(ite==0&&itemall.checked){     
  32. itemall.checked=false;     
  33. }     
  34. ---*/     
  35. //如果当前选中的数量为零并且全选框是未选中状态     
  36. //则将全选框的状态变为选择     
  37. if(ite==items.length&&!itemall.checked){     
  38. itemall.checked=true;     
  39. }     
  40. }     
  41. </script>     
  42. </HEAD>      
  43. <BODY>      
  44. 此脚本适合由数据库动态创建时使用这样的，因为里面不需要传递参数。因此扩展性不是很高<br/>      
  45. <input type="checkbox" name="all" id="all" onclick="checkAll()">全选      
  46. <input type="checkbox" name="checkC" onclick="resAll()"/>       
  47. <input type="checkbox" name="checkC" onclick="resAll()"/>       
  48. <input type="checkbox" name="checkC" onclick="resAll()"/>      
  49. <input type="checkbox" name="checkC" onclick="resAll()"/>      
  50. </BODY>      
  51. </HTML>