今天图老师小编要向大家分享个CheckBox 如何实现全选？教程，过程简单易学，相信聪明的你一定能轻松get！
【 tulaoshi.com - Web开发 】
在一个表单中有很多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
来源:http://www.tulaoshi.com/n/20160219/1602201.html
看过《CheckBox 如何实现全选？》的人还看了以下文章 更多>>
