首頁  >  文章  >  web前端  >  CheckBox 如何实现全选?_JavaScript

CheckBox 如何实现全选?_JavaScript

WBOY
WBOY原創
2016-05-16 19:29:19931瀏覽

在一个表单中有很多CheckBox,请问如何实现选种一个而让所有的都选中?  
---------------------------------------------------------------  

function  selectAll(checkBoxName){  
           var  elms  =  document.getElementsByName(checkBoxName);  
           if  (elms.length           var  allChecked  =  true;  
           for  (var  i=0;i                       if  (elms[i].type=="checkbox")  
                                   allChecked  &=  elms[i].checked;  
           for  (var  i=0;i                       if  (elms[i].type=="checkbox"){  
                                               elms[i].checked  =  !allChecked;  
                                               if  (elms[i].onclick)  elms[i].onclick();  
                       }  
}  
---------------------------------------------------------------  

  
    
 全选    

<script> <BR>function mm(o) <BR>{ <BR> var a = document.getElementsByName("m"); <BR> for (var i=0; i<a.length; i++){ <BR> a[i].checked = o.checked; <BR> } <br><br>} <BR></script>









全选:
<script> <BR> function sel(a){ <BR> o=document.getElementsByName(a) <BR> for(i=0;i<o.length;i++) <BR> o[i].checked=event.srcElement.checked <BR> } <BR></script> 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn