JavaScript实现单击全选 ,再次点击取消全选

Posted 2020-08-17 李初五

 

 

                            

以下为实现思路,已测试,供参考

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

}

}

}