本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 checkbox , 同一页面可以有多组供全选的 checkbox ,功能健全,通用性较强。
效果图:
运行查看效果:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
js函数
<script type="text/javascript"> <br>function checkAll(name) { <br>var el = document.getElementsByTagName('input'); <br>var len = el.length; <br>for(var i=0; i<len; i++) { <br>if((el[i].type=="checkbox") && (el[i].name==name)) { <br>el[i].checked = true; <br>} <br>} <br>} <br>function clearAll(name) { <br>var el = document.getElementsByTagName('input'); <br>var len = el.length; <br>for(var i=0; i<len; i++) { <br>if((el[i].type=="checkbox") && (el[i].name==name)) { <br>el[i].checked = false; <br>} <br>} <br>} <br></script>
html
字母全选开关
a
b
c
d
e
f
g
数字全选开关 1
2
3











