您好,欢迎来到高士教育。
搜索
您的当前位置:首页Javascript实现CheckBox的全选与取消全选的代码_表单特效

Javascript实现CheckBox的全选与取消全选的代码_表单特效

来源:高士教育


本文介绍的方法,触发条件,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强。
效果图:

运行查看效果:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
js函数
代码如下:

function checkAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; iif((el[i].type=="checkbox") && (el[i].name==name)) {
el[i].checked = true;
}
}
}
function clearAll(name) {
var el = document.getElementsByTagName('input');
var len = el.length;
for(var i=0; iif((el[i].type=="checkbox") && (el[i].name==name)) {
el[i].checked = false;
}
}
}


html
代码如下:
字母全选开关
a
b
c
d
e
f
g


数字全选开关 1
2
3









Copyright © 2019- guanggaoshi.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务