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');
          });

生命变量得到True或False，但是一直选中复选框，我设置了一个断点，我可以看到该值为False。知道我做错了什么吗？在此先感谢Laziale

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');
}

Answer 2

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

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

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

jquery复选框已选中/未选中

2 个答案: