Question

jquery checkbox 全选问题

$("#checkAll").toggle(
function () {
$("input:checkbox").attr("checked",true);
},
function () {
$("input:checkbox").attr("checked",false);
}
);

html代码如下：
<input type="checkbox" id="checkAll"/>全选
<input type="checkbox" class="check"/>
<input type="checkbox" class="check"/>
<input type="checkbox" class="check"/>
<input type="checkbox" class="check"/>

现在有两个问题，这个全选和取消全选 在FF下完全正常，在IE8下点快了 全选和取消全选就不能快速的切换过来，有时候要点好几下才能切换过来；
第二个问题，我点击全选的时候，全选本身这个checkbox 不能显示被勾选上，怎么解决？万分感谢
我用的JUEQRY 1.3.2

Answer 1

先回答第二个问题，用label标签增大感应区域：
<label><input type="checkbox" id="checkAll"/>全选</label>
然后控制label的点击：
$('label').click(function(){
$('input.check').attr('checked',$(':checkbox',this).attr('checked'));
})
第一个问题，你点击得过快，IE会用双击事件阻断单击事件，其他浏览器仍然会执行单击事件。

Answer 2

jQuery(function($) {
$("#checkAll").click(function () {
$(".check").attr("checked",$("#checkAll").attr("checked"));
}
);
});

这么写

Answer 3

给LZ个参考吧，我全选按钮的做法是在checkall的点击事件上面设置所有需要全选的checkbox的选中状态和当前这个checkall一样

Answer 4

var all = $("#checkAll");
all.change(function(){
     var me = $(this);
     me.nextAll(":checkbox.check").attr("checked", me.attr("checked"));
});

$(":checked.check").change(function(){
    var me = $(this);
    if (!me.attr("checked")){
        all.attr("checked", false);
    }
})

Answer 5

直接each所有checkbox标签判断就行了啊