当前位置 : 主页 > 网络编程 > JavaScript >

CheckBox.js

来源:互联网 收集:自由互联 发布时间:2021-06-28
gistfile1.txt //--------------------------------全选反选全部选------------------------------------------------////全选思路:经过三次循环,当点击全选按钮的时候循环一次,给所有的复选框添加一个check
gistfile1.txt
//--------------------------------全选反选全部选------------------------------------------------//

//全选思路:经过三次循环,当点击全选按钮的时候循环一次,给所有的复选框添加一个checked,添加一个回掉函数,
//来判断每个复选框是否被选中,当没有全部选中的时候,就返回一个false,当所有被选中的时候,就返回一个true,
//让全选按钮的checked值的属性等于true或者false,以此来判断是否被全选,
//当allButton.checked=false的时候说明标签没有checked属性当为true的时候说明有这个属性,
//反选按钮则是通过循环来判断每个复选框的checked让其与之前相反即可!!!!!!!

//原生js写法:
    var allButton = document.getElementById('checkAll');
	var aButton = document.querySelector('a');
	var items = document.querySelectorAll('dd input');
    //全选做法
	allButton.addEventListener('click',function(){
		for(var i=0;i
网友评论