CheckBox 如何实现全选?

来源:爱站网时间:2017-11-18编辑:网友分享
CheckBox 如何实现全选?

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

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

<input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m>   
<input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m><input  type=checkbox  name=m>     
 全选<input  type=checkbox  value="Check  All"  onclick="mm(this)">     

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

}   
</script> 


<input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<input type=checkbox name=chk> 
<br> 
全选:<input type=checkbox onclick=sel('chk')> 
<script language="javascript"> 
 function sel(a){  
  o=document.getElementsByName(a)  
  for(i=0;i<o.length;i++)  
  o[i].checked=event.srcElement.checked  
 } 
</script>  

上一篇:新闻内页-JS分页

下一篇:网页常用特效代码整理

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载