仿百度音乐html5,js仿百度音乐全选操作

本文实例为大家分享了js全选操作的具体代码，供大家参考，具体内容如下

无标题文档

*{margin:0;padding:0;}

ul{list-style:none;}

#content{width:300px;border:1px solid #ccc;margin:20px auto;}

#content ul{width:300px;}

#content ul li,#content div{width:300px;height:50px;line-height:50px;border-bottom:1px dotted #ccc;text-indent:20px;}

#content ul li:nth-child(odd) {background:#f1f1f1;}

#content ul li.active,#content ul li:hover{background:#99FFCC;}

window.onload = function () {

var oDiv = document.getElementById('content');

var checkAll = document.getElementById('checkAll');

var aLi = oDiv.getElementsByTagName('li');

var aInput = oDiv.getElementsByTagName('input');

for ( var i = 0; i < aInput.length; i++ ) {

aInput[i].index = i;

aInput[i].onclick = function () {

aLi[this.index].className = this.checked ? 'active' : '';

}

}

checkAll.onclick = function () {

for ( var i = 0; i < aInput.length; i++ ) {

if(!aInput[i].checked) aInput[i].checked = true;

aLi[i].className = 'active';

}

}

}

• 私奔

  梁博

• 北京

  杜甫

• 花人

  李白

• 神话

  光良

• 神话

  光良

• 神话

  光良

• 神话

  光良

• 神话

  光良

• 神话

  光良

全选

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。