账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    input的全选反选
    41
    0
    <body>
    <input type="checkbox" class="all">全选
    <div class="box">
        <input type="checkbox" >吃饭
        <br>
        <input type="checkbox">睡觉
        <br>
        <input type="checkbox">打豆豆
    </div>
    <script>
        var box=document.querySelector('.box')
        var input=box.querySelectorAll('input')
        var all=document.querySelector('.all')
        all.onclick=function () {
            for(var i=0;i<input.length;i++){
                input[i].checked=this.checked
            }
        }
        var stat
        for (var i=0;i<input.length;i++){
            input[i].onclick=function () {
                for(var j=0;j<input.length;j++){
                    stat=true
                    if(input[j].checked==false){
                        stat=false
                    }
                }
                all.checked=stat
            }
        }
    </script>
    </body>

    我最近在自学js,但是在操作全选反选的时候,发现这个问题,就是我感觉我这个是正确的,但是运行中,发现全选和反选都没正确执行,希望大家帮我看看,谢谢大家

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 马红俊 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部