作家
登录

CheckBox 如何实现全选?

作者: 来源:www.28hudong.com 2013-03-30 04:10:27 阅读 我要评论

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

  推荐阅读

  Javascript 小技巧全集第1/4页

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey ev>>>详细阅读


本文标题:CheckBox 如何实现全选?

地址:http://www.17bianji.com/kaifa2/JS/31759.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)