码迷,mamicode.com
首页 > 其他好文 > 详细

求大神指导

时间:2016-10-28 13:30:43      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:http   art   for   text   ide   div   hid   大神   onclick   

技术分享
 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>
View Code

看了好久没看出来哪错了,顿时感觉不好了

求大神指导

标签:http   art   for   text   ide   div   hid   大神   onclick   

原文地址:http://www.cnblogs.com/xpqsd/p/6007422.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!