求大神指导

 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
看了好久没看出来哪错了，顿时感觉不好了