jQuery 1.6 未在复选框更改时将 class 添加到元素

Question

此代码适用于 jQuery 1.5.1，但当我使用 jQuery 1.6.0 时，它会在单击后更改复选框的值，但不会将 class'添加到元素'。

$("input:checkbox").live('change', function(eve) {
    eve.preventDefault();
    var el =  this.id ;
    var done =  this.done ;
    if( $(this).attr("checked") == true ) {
        $('#item-'+el).find(".text").addClass('done');
        //return false;
    }
    if( $(this).attr("checked") == false ) {
        $('#item-'+el).find(".text").removeClass('done');
        //return false;
    }

    $.post('taskDone.php', {
        id: this.id,
        value: $(this).attr("checked") ? 1 : 0
    }, function(data) {});
});

Answer 1

1.6 之前

$(this).attr("checked")不一致，因为它可以是boolean也可以是字符串

jQuery 表示类似：属性是属性内部的内容。 因此，它停止向您发送bool值，而是向您发送string值。

如果你改变所有

$(this).attr("checked")

至

$(this).prop("checked")

你不会有任何问题

---

来自jQuery 文档

例如，考虑由 HTML 标记<input type="checkbox" checked="checked" />定义的 DOM 元素，并假设它位于名为 elem 的 JavaScript 变量中：

elem.checked                       true (Boolean)
$(elem).prop("checked")            true (Boolean)
elem.getAttribute("checked")       "checked" (String)
$(elem).attr("checked")(1.6+)      "checked" (String)
$(elem).attr("checked")(pre-1.6)   true (Boolean)

Answer 2

或者更新到 1.6.1 版本。 attr() function 的行为与 1.5 中一样，因此您不必遍历代码来查找对 attr() 的每个调用并决定是否需要将其更改为 prop()。