复选框选中问题
复选框选中问题
李永china 发表于1年前
复选框选中问题
  • 发表于 1年前
  • 阅读 7
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购1元起>>>   

<body>
        <input type="checkbox" id="check" />
        <input type="checkbox"  id="c1">全选/全不选<br />
        <input type="checkbox"   name="hobby"/>水果<br />
        <input type="checkbox"   name="hobby"/>旅游<br />
        <input type="checkbox"   name="hobby"/>运动<br />
    
    <script>
        /*$(function(){
            $("#c1").click(function(){
                $("input[name='hobby']").prop("checked",this.checked);
                $("#check").prop("checked",this.checked);
            })
            
            $("input[name='hobby']").click(function(){
                $("#check").prop("checked",$("input[name='hobby']:checked").length>0?true:false);
                $("#c1").prop("checked",$("input[name='hobby']:checked").length==3?true:false);
            })
        })
        */
            var cD=document.getElementById("c1");
            cD.onclick=function(){
                var val=cD.checked;
                //cD.setAttribute("checked",val);
                var hDs=document.getElementsByName("hobby");
                for(var i=0;i<hDs.length;i++){
                    hDs[i].checked=val;
                }
            }
    </script>

  • 点赞
  • 收藏
  • 分享
粉丝 11
博文 152
码字总数 174289