css - 全选按钮为什么没有全选？？？

问题描述

问 题

<label  id="selectall"><input  type="checkbox">000</label>

<label  class="checkbox"><input  type="checkbox">111</label>
<label  class="checkbox"><input  type="checkbox">222</label>
<label  class="checkbox"><input  type="checkbox">333</label>
    
<!--[if IE 7]>只有ie7可见
<script>
  $(function(){
    var ckbs=$(":checkbox");
    ckbs.children().prop("checked","false");
    $(".checkbox").click(function(){//单独框
        var ckb=$(this).children(":checkbox");
        var hascheckedx=ckb.prop("checked");
        ckb.prop("checked",!hascheckedx);
        var x=0;
        ckbs.each(function(){
        if($(this).prop("checked")===false)
        {
            $("#selectall").children(":checkbox").prop("checked","false");}
        else
            x++;
        })    
        alert(x);//为什么每次弹出两个框？？
        if(x>=ckbs.length)
        { x=0;
          $("#selectall").children(":checkbox").prop("checked","true");
        }
    })
})
</script>
<![endif]-->

希望在ie7下，当从第二个框起所有后面的框选满后，第一个框才自动选中，当后面几个框没有全选，第一个框不会选
问题是:无论后面的框选美选满，第一个框总是自动选中，
问题2，alert每次都弹出两次？
求大神指点

解决方案

把事件绑定在input上面就不会弹出两次了

这篇关于css - 全选按钮为什么没有全选？？？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！