jquery checkbox checked 第一次有效果第二次以后就不好用了

最新推荐文章于 2021-02-01 06:54:44 发布

原创最新推荐文章于 2021-02-01 06:54:44 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #checkbox #checked

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在jQuery中attr与prop方法的区别及其应用场景。通过一个具体的案例对比了两者在处理checkbox状态时的不同表现，解释了为何从1.6.1版本开始推荐使用prop来操作诸如checked这样的属性。

之前我是这样写的

<pre name="code" class="javascript">    var allIsChecked=$('#checkedAll').is(':checked');
    var checkboxes = $('input[name="checkbox"]');
    allIsChecked?checkboxes.attr('checked',true):checkboxes.attr('checked',false);

第一次点的时候好用，但是第二次之后就不行了。

后来查资料改成下面这样就好用了

    var allIsChecked=$('#checkedAll').is(':checked');
    var checkboxes = $('input[name="checkbox"]');
    allIsChecked?checkboxes.prop('checked',true):checkboxes.prop('checked',false);

原因是jQuery自1.6.1开始增加了一个prop()方法，关于attr和prop的使用区别总结起来就是具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()，具体见下表：