【JavaScript】复选框的全选、反选,判断哪些复选框被选中

来源:互联网 发布:java自行车是高端的吗 编辑:程序博客网 时间:2024/05/20 00:11
  1. <script type="text/javascript">  
  2.     //哪里复选框被选中?遍历这个复选框数组,可以用value来取出其值  
  3.     function selected(){  
  4.         var checkBoxArr = document.getElementsByName("checkBoxGroup");  //注:name=checkBoxGroup
  5.         var str="被选中的复选框有:";  
  6.         for (var i = 0; i < checkBoxArr.length; i++) {  
  7.             if(checkBoxArr[i].checked){  
  8.                 str+=checkBoxArr[i].value+",";  
  9.             }  
  10.         }  
  11.         alert(str);  
  12.     }  
  13.     //全选,遍历这个复选框数组,所有checked值为true  
  14.     function selectAll(){  
  15.         var checkBoxArr = document.getElementsByName("checkBoxGroup");  
  16.         for (var i = 0; i < checkBoxArr.length; i++) {  
  17.             checkBoxArr[i].checked = "true";  
  18.         }  
  19.     }  
  20.     //反选,遍历这个复选框数组,所有checked值为原来的反。  
  21.     function selectReserve(){  
  22.         var checkBoxArr = document.getElementsByName("checkBoxGroup");  
  23.         for (var i = 0; i < checkBoxArr.length; i++) {  
  24.             checkBoxArr[i].checked = (!checkBoxArr[i].checked);  
  25.         }  
  26.     }     
  27. </script> 
0 0
原创粉丝点击