1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title></title>
6 <script type="text/javascript">
7 window.onload=function(){
8 var btns=document.getElementsByTagName("button");
9 var inputs=document.getElementById("bottom").getElementsByTagName("input");
10
11 function all(flag){
12 for (var i=0;i<inputs.length;i++) {
13 inputs[i].checked=flag;
14
15 }
16 }
17
18 btns[0].onclick function(){
19 all(true);
20 }
21 btns[1].onclick function(){
22 all(false);
23 }
24 btns[2].onclick function(){
25 for (var i = 0;i<inputs.length;i++) {
26 //三元运算
27 inputs[i].checked = true ? inputs[i].checked = false : inputs[i].checked = true;
28
29 }
30 }
31
32
33 </script>
34 </head>
35 <body>
36 <div id="top">
37 <button>全选</button>
38 <button>取消</button>
39 <button>反选</button>
40 </div>
41 <div id="bottom">
42 <ul>
43 <li>选项<input type="checkbox" /></li>
44 <li>选项<input type="checkbox" /></li>
45 <li>选项<input type="checkbox" /></li>
46 <li>选项<input type="checkbox" /></li>
47 <li>选项<input type="checkbox" /></li>
48 <li>选项<input type="checkbox" /></li>
49 <li>选项<input type="checkbox" /></li>
50 <li>选项<input type="checkbox" /></li>
51
52 </ul>
53
54 </div>
55 </body>
56 </html>
看了好久没看出来哪错了，顿时感觉不好了
时间： 2024-10-09 13:40:32