本文实例为大家分享了js全选操作的具体代码,供大家参考,具体内容如下
& lt; html>
& lt; head>
& lt;元http-equiv=? type”内容=" text/html;utf - 8字符集="/比;
& lt; title>无标题文档& lt;/title>
& lt; style>
*{保证金:0;填充:0;}
ul {list-style:没有;}
#内容{宽度:300 px;边界:1 px固体# ccc;保证金:20 px汽车;}
#内容ul{宽度:300 px;}
#内容ul李#内容div{宽度:300 px;高度:50 px;行高:50 px;边界底部:1 px点缀# ccc; indent: 20 px;}
#内容ul李:nth-child(奇数){背景:# f1f1f1;}
#内容ul。活跃,#内容ul李:悬停{背景:# 99物品;}
& lt;/style>
& lt; script>
窗口。onload=function () {
var oDiv=. getelementbyid(“内容”);
var checkAll=. getelementbyid (“checkAll”);
阿里var=oDiv.getElementsByTagName(‘李’);
var aInput=oDiv.getElementsByTagName(“输入”);
(var=0;我& lt;aInput.length;我+ +){
aInput[我]。指数=我;
aInput[我]。onclick=function () {
阿里[this.index]。className=＜觳? # 63;“活跃”:”;
}
}
checkAll。onclick=function () {
(var=0;我& lt;aInput.length;我+ +){
如果(! aInput[我]支票)aInput[我]。检查=true;
阿里[我]。className=盎钤尽?
}
}
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; div id=澳谌荨痹?
& lt; ul>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>私奔& lt;/span>
& lt; span>梁博& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>北京& lt;/span>
& lt; span>杜甫& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>花人& lt;/span>
& lt; span>李白& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>神话& lt;/span>
& lt; span>光良& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>神话& lt;/span>
& lt; span>光良& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>神话& lt;/span>
& lt; span>光良& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>神话& lt;/span>
& lt; span>光良& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>神话& lt;/span>
& lt; span>光良& lt;/span>
& lt;/li>
& lt; li>
& lt;输入类型=案囱】颉?比;
& lt; span>神话& lt;/span>
& lt; span>光良& lt;/span>
& lt;/li>
& lt;/ul>
& lt; div>
& lt;输入id=" checkAll " type="复选框"/祝辞全选
& lt;/div>
& lt;/div>
& lt;/body>
& lt;/html>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
