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。 知道我做错了什么吗？ 提前致谢，拉齐亚莱

Answer 1

checked 属性的值为 "checked" 或者 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');
}