var j_cbAll = document.getElementById('j_cbAll');var j_tbs = document.getElementById('j_tb').getElementsByTagName('input');
j_cbAll.onclick=function(){for(var i =-0; i < j_tbs.length; i++){
j_tbs[i].checked =this.checked;//全选}}for(var i =0; i < j_tbs.length;i++){
j_tbs[i].onclick=function(){var flag =true;//true代表全选中 false代表有的没选中for(var i =0; i<j_tbs.length;i++){if(!j_tbs[i].checked){
flag =false;break;}}
j_cbAll.checked = flag;}}
3.自定义属性
程序员自己添加的属性被称为自定义属性
h5中自定义属性有规范:自定义属性以“data-属性名”
3.1获取元素属性
element.属性 ,只能获取固有属性
element.getAttribute(‘属性’) ,获取自定义属性值
elment.dataset.属性名 ,h5中提供了自定义属性获得的新方式
3.2设置属性值
element.属性 = ‘值’
element.setAttribute(‘属性’,‘值’)
3.3移除属性
element.removeAttribute(属性)
3.4 案例展示
var lis = document.querySelectorAll('li');var items = document.querySelectorAll('.item');for(var i =0; i < lis.length; i++){//for循环绑定点击事件
lis[i].setAttribute('data-index', i);// lis[i].index=i;给每个li设置自定义属性,属性值就是索引号
lis[i].onclick=function(){for(var i =0; i < lis.length; i++){
lis[i].classList.remove('current');}this.classList.add('current');var index =this.getAttribute('data-index');for(var j =0; j < items.length; j++){
items[j].style.display ='none';}
items[index].style.display ='block';}}