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

解决复选框显示问题

最新推荐文章于 2023-04-27 19:35:18 发布

原创最新推荐文章于 2023-04-27 19:35:18 发布 · 503 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#checkedtrue不选中 #checkbox #jquery

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

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

遇到的问题是:
第一次全选不全选可以正常显示选中和取消,符合要求
但当再去选中的时候,复选框的属性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');
        });
    }