• 求大神指导


     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

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

  • 相关阅读:
    遇到一个php解析错误
    wndows netsh winsock reset
    javascript 阻塞
    ci 文件类型错误xlsx
    input限制整数
    canvas 时钟转动
    JS实现别踩白块游戏
    本地存储技术localStorage
    JavaScript事件
    JavaScript实现放大镜效果
  • 原文地址:https://www.cnblogs.com/xpqsd/p/6007422.html
Copyright © 2020-2023  润新知