求大神指导
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>
看了好久没看出来哪错了,顿时感觉不好了