首页 > 代码库 > JavaScript实现单击全选 ,再次点击取消全选
JavaScript实现单击全选 ,再次点击取消全选
以下为实现思路,已测试,供参考
var allSet = document.getElementById(‘allSet‘);//获取全选按钮元素
var a = allSet.Custom;//给全选按钮自定义属性
a = 0;//自定义属性值为0
var input1 = all.getElementsByTagName(‘input‘);//获取all下的全部input标签;
//给全选按钮添加点击事件,进行判断;
allSet.onclick = function() {
//如果a为0执行第一个for循环;
if(a == 0) {
//循环遍历所有input标签;
for(i = 0; i < input1.length; i++) {
//让input标签处于选中状态 (checked = true 选中),(checked = false 未选中);
input1[i].checked = true;
//在这里将自定义属性的值变为1
a = 1
}
}
//如果a为1执行下一个for循环,让input标签处于未选中状态
else{
for(i = 0; i < input1.length; i++) {
input1[i].checked = false;
a = 0
}
}
}
JavaScript实现单击全选 ,再次点击取消全选
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。