首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

CheckBox 怎么实现全选

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

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> 

热点排行