javascript - Jquery 无法选中复选框

Question

参考这个小提琴：

http://jsfiddle.net/FwSF3/

HTML：

<input type="password" id="Password" tabindex="2">
<input id="PasswordChk" type="checkbox" disabled="disabled"/>

JS：

$('#Password').on("keyup", function () {
    var password = $.trim($(this).val());    
    if(password.length == 0){
        $('#PasswordChk').removeAttr("checked");
    }else{
        $('#PasswordChk').attr("checked", "checked");
    }    
});

当我第一次输入文本框时，复选框被设置。当我删除文本（长度 = 0）时，它没有被选中。

但是取消选中后，它无法重新选中复选框。

有谁知道如何解决这个问题？

Answer 1

使用 .prop() 而不是 .attr() - 阅读prop 与 attr

$('#Password').on("keyup", function () {
    var password = $.trim($(this).val());    
    $('#PasswordChk').prop("checked", password.length > 0);
});

演示：小提琴