CheckBox 如何实现全选?

0857yok

0857yok

2016-02-19 12:51

今天图老师小编要向大家分享个CheckBox 如何实现全选?教程,过程简单易学,相信聪明的你一定能轻松get!

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

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

input  type=checkbox  name=minput  type=checkbox  name=minput  type=checkbox  name=minput  type=checkbox  name=m  
input  type=checkbox  name=minput  type=checkbox  name=minput  type=checkbox  name=minput  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;  ia.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;io.length;i++) 
  o[i].checked=event.srcElement.checked 
 }
/script 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

CheckBox 如何实现全选?

Web开发
CheckBox 如何实现全选?

checkbox全选/取消全选以及checkbox遍历jQuery实现代码

Web开发
checkbox全选/取消全选以及checkbox遍历jQuery实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jQuery checkbox全选/取消全选实现代码

Web开发
jQuery checkbox全选/取消全选实现代码

jquery checkbox全选、取消全选实现代码

Web开发
jquery checkbox全选、取消全选实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JQUERY复选框CHECKBOX全选,取消全选

Web开发
JQUERY复选框CHECKBOX全选,取消全选

JQUERY CHECKBOX全选,取消全选,反选方法三

Web开发
JQUERY CHECKBOX全选,取消全选,反选方法三

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Delphi的接口陷阱

Delphi的接口陷阱

了解WEB页面工具语言XML(三) 支持工具

了解WEB页面工具语言XML(三)  支持工具
下拉加载更多内容 ↓