javascript - jquery复选框选中/未选中

Question

我正在尝试使用 jquery 进行一些复选框操作。我有一个模式弹出窗口和复选框，我正在使用 jquery 来操作选中模式。有一个变量有 True 或 False，所以如果它是 True 则检查，否则取消检查。但是，在我的情况下，即使值为 False，复选框仍然保持选中状态。这是我正在使用的代码：

$(document).on("click", ".open-EditCC", function () {            
            var life = $(this).data('life');           
            $('#<%=chkLife.ClientID%>').attr('checked', life);
            $('#editCC').modal('show');
          });

life 变量获取 True 或 False，但在选中复选框时，我设置了一个断点，我可以看到该值为 False。知道我在做什么错吗？提前致谢， Laziale

Answer 1

选中属性的值是"checked"或选中的属性不存在，所以使用这个：

// This is assuming life has the string value of "True" or "False"
// if it's a boolean change to if (life)
if (life === 'True') {
    $('#<%=chkLife.ClientID%>').attr('checked', 'checked');
} else {
    $('#<%=chkLife.ClientID%>').removeAttr('checked');
}

Answer 2

我想在必要时删除属性应该足够了。

if(life){
 $('#<%=chkLife.ClientID%>').attr('checked', 'checked');
}
else

{
$('#<%=chkLife.ClientID%>').removeRttr('checked');
}