Jquery 单击某些复选框后取消选中全部

HTML

加载页面后，这一切正常

---

但是，如果在单击之前选中/取消选中了部分

checka

，则它仅适用于未单击的

checka

，您应该使用
.prop
而不是
.attr

根据Roko的建议，您可以使用
$（'.checka'）.prop（'checked'，this.checked）
/
其他


this.checked
如果选中了
#checkall
，则返回true。否则，它将返回false

所以当你说
$（'.checka'）.prop（'checked'，this.checked）时，您将使用类
分配所有复选框。如果
#checkall
的值被选中，则checka
的值为true，如果未选中，则为false



$（函数（）{
$（'#checkall'）.change（function（）{
$（'.checka'）.prop（'checked'，this.checked）；
});
});

全部检查


您应该使用
.prop
而不是
.attr

根据Roko的建议，您可以使用
$（'.checka'）.prop（'checked'，this.checked）
/
其他


this.checked
如果选中了
#checkall
，则返回true。否则，它将返回false

所以当你说
$（'.checka'）.prop（'checked'，this.checked）时，您将使用类
分配所有复选框。如果
#checkall
的值被选中，则checka
的值为true，如果未选中，则为false



$（函数（）{
$（'#checkall'）.change（function（）{
$（'.checka'）.prop（'checked'，this.checked）；
});
});

全部检查


既然您已经在建议，请使用
$（'.checka'）.prop（'checked'，this.checked）$（'.checka'）.prop（'checked'，this.checked），而不是您已经建议的if-elsence而不是if-else
<input id='checkall' type='checkbox'/> 
<input class='checka' type='checkbox'/>
<input class='checka' type='checkbox'/>
<input class='checka' type='checkbox'/>
<input class='checka' type='checkbox'/>

$('#checkall').change(function(){
    if ($(this).is(':checked')){
        $('.checka').attr('checked', true);
    }
    else{
        $('.checka').attr('checked', false);
    }
});