jQuery中checkbox的选多次选中或取消后没有效果

jQuery 中多次更改checkbox的状态,无效的解决方法

var aft = true;
        //全选
        $("#allCheckBox").change(function () {
            var $cart =  $(".cart_td_1 [name=cartCheckBox]");
                if (aft){
                    $(".cart_td_1 [name=cartCheckBox]").each(function (i) {
                        $(this).attr("checked", true);
                    }) ;
                    aft = false;
                } else {
                    $(".cart_td_1 [name=cartCheckBox]").each(function (i) {
                        $(this).attr("checked", false);
                    }) ;
                    aft = true;
                }
        })

当点击全选是选中全部，再次点击取消全部选中

第一次点击选中没有问题，取消也没有问题。
第二次点击全选出现问题，没有任何效果。

jquery-1.12.4.js

第一次点击全选按钮input显示对勾，
第二次就不行了，查了下有建议用prop的，亲测有效。

jQuery函数attr()和prop()的区别

jQuery函数attr()和prop()的区别

两者操作对象不同

“attr”和“prop”分别是单词“attribute”和“property”的缩写，并且它们均表示"属性"的意思。

不过，在jQuery中，“attribute”和“property”却是两个不同的概念。attribute表示HTML文档节点的>属性，property表示JS对象的属性。

<input name="cartCheckBox" type="checkbox" value="product1"/>

在jQuery中，prop()函数的设计目标是用于设置或获取指定DOM元素(指的是JS对象，Element类型)上的属性(property)；attr()函数的设计目标是用于设置或获取指定DOM元素所对应的文档节点上的属性(attribute)。

在jQuery的底层实现中，函数attr()和prop()的功能都是通过JS原生的Element对象(如上述代码中的>msg)实现的。attr()函数主要依赖的是Element对象的getAttribute()和setAttribute()两个方法。prop()>函数主要依赖的则是JS中原生的对象属性获取和设置方式。

用于设置的属性值类型不同

由于attr()函数操作的是文档节点的属性，因此设置的属性值只能是字符串类型，如果不是字符串类型，也会调用其toString()方法，将其转为字符串类型。

prop()函数操作的是JS对象的属性，因此设置的属性值可以为包括数组和对象在内的任意类型。