使用jQuery选中/取消选中复选框？

Question

我的页面中有一些输入文本字段，并且正在使用JavaScript显示它们的值。我正在使用.set("value","")函数来编辑值，添加额外的复选框字段并传递值。在这里，我想检查是否为value == 1，则应选中此复选框。否则，应保持选中状态。我通过使用两个div做到了这一点，但是我对此感到不满意，还有其他解决方案吗？if(value == 1) {    $('#uncheck').hide();    $('#check').show();} else{    $('#uncheck').show();    $('#check').hide();}

Answer 1

对于jQuery 1.6+：

.attr（）不推荐使用属性；使用新的.prop（）函数代替：

$('#myCheckbox').prop('checked', true); // Checks it

$('#myCheckbox').prop('checked', false); // Unchecks it

对于jQuery <1.6：

要选中/取消选中复选框，请使用属性checked并进行更改。使用jQuery，您可以执行以下操作：

$('#myCheckbox').attr('checked', true); // Checks it

$('#myCheckbox').attr('checked', false); // Unchecks it

因为您知道，在HTML中，它看起来类似于：

<input type="checkbox" id="myCheckbox" checked="checked" /> <!-- Checked -->

<input type="checkbox" id="myCheckbox" /> <!-- Unchecked -->

但是，您不能信任.attr（）方法来获取复选框的值（如果需要）。您将不得不依赖.prop（）方法。

Answer 2

您可以根据以下值设置复选框的状态：

$('#your-checkbox').prop('checked', value == 1);