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）時，它是未選中的。

但是在取消選中后，它無法重新檢查checbox。

有誰知道怎么解決這個問題？

Answer 1

使用.prop（）而不是.attr（） - 讀取prop vs attr

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

演示： 小提琴