复选框全选非全选失效 jquery checked=true

briefyf

于 2016-12-13 11:33:03 发布

阅读量492

点赞数

文章标签： checkedtrue不选中 checkbox jquery

本文链接：https://blog.csdn.net/wsyncsdn/article/details/53607749

版权

本文解决了在使用jQuery操作复选框时，更改属性后显示状态不同步的问题。通过将attr方法替换为prop方法实现复选框选中状态的正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近做一个多个复选框全选和反选的小功能

遇到的问题是:
第一次全选不全选可以正常显示选中和取消,符合要求
但当再去选中的时候,复选框的属性checkbox值变为"checked",属性改变没问题,但是复选框却不再显示选中状态,
继续点还是没有效果

代码修改了却得不到想要的效果,纠结了很久,
网上的资料说的七弯八绕的
翻箱倒柜的最终还是被老夫搞出来了

alldelayorder:function () {//全选和取消全选
    if(this.checked){
        $(".delay_item_ckbox").each( function() {
            $(this).prop("disabled", false);
            $(this).prop("checked", true);
        });
    } else {
        $(".delay_item_ckbox").each(function() {
            $(this).removeAttr('checked');
        });
    }