zoukankan      html  css  js  c++  java
  • 在邮箱中常见的,反选,全选,不选。

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <script>
                window.onload=function(){
                    var oBtn1=document.getElementById('btn1');
                    var oBtn2=document.getElementById('btn2');
                    var oBtn3=document.getElementById('btn3');
                    var oDiv=document.getElementById('div1');
                    var aCh=oDiv.getElementsByTagName('input');
                    oBtn1.onclick=function(){
                        for(var i=0;i<aCh.length;i++)
                        {
                            aCh[i].checked=true;
                        }
                    };
                    oBtn2.onclick=function(){
                        for(var i=0;i<aCh.length;i++)
                        {
                            aCh[i].checked=false;
                        }
                    };
                    oBtn3.onclick=function(){
                        for(var i=0;i<aCh.length;i++)
                        {
                            if (aCh[i].checked==true) {
                                aCh[i].checked=false;
                            } else{
                                aCh[i].checked=true;
                            }
                        }
                    };
    
                }
            </script>
        </head>
        <body>
            <input id="btn1" type="button" value="全选" />
            <input id="btn2" type="button" value="不选" />
            <input id="btn3" type="button" value="反    选" />
            <div id="div1">
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
                <input type="checkbox" /><br />
            </div>
        </body>
    </html>

    这个作业不是很难,但是找小细节的问题费了很多事情,第一个是修改了命名,导致命名不统一,效果出不来。第二,getElementsByTabName这个单词写错,当中有个S忘记了。第三,在for循环中后面紧跟的条件有顺序要求分别是初始化,条件,自增或者自减。

    漫漫修仙路,悠悠努力时。

  • 相关阅读:
    将python的代码文件打包成可执行文件
    SpringBoot整合JdbcTemplate连接Mysql
    Golang开发环境搭建
    java中的Lamdba表达式和Stream
    MySQL 优化1
    MySQL you *might* want to use the less safe log_bin_trust_function_creators variable
    MySQL mysqlbinlog
    MySQL 事件调度器
    MySQL 忘记密码解决办法
    MySQL 创建自定义函数(2)
  • 原文地址:https://www.cnblogs.com/sishiuliunian/p/4881655.html
Copyright © 2011-2022 走看看