• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

徐培淇

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

求大神指导

 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

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

posted on 2016-10-28 13:07  徐培淇  阅读(163)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3