参考这个小提琴:
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。
任何人都知道怎么解决这个问题?
答案 0 :(得分:2)
使用.prop()代替.attr() - 阅读prop vs attr
$('#Password').on("keyup", function () {
var password = $.trim($(this).val());
$('#PasswordChk').prop("checked", password.length > 0);
});
演示:Fiddle