首页 > 语言 > JavaScript > 正文

CheckBox 如何实现全选?

2024-05-06 15:44:53
字体:
来源:转载
供稿:网友

在一个表单中有很多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>  

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选