jquery - 使用 jquery 选中/取消选中复选框？

<分区>

我的页面中有一些输入文本字段，并使用 JavaScript 显示它们的值。

我正在使用 .set("value","") 函数来编辑值、添加额外的复选框字段并传递值。

这里我想检查如果 value == 1，那么这个复选框应该被选中。否则，它应该保持未选中状态。

我通过使用两个 div 做到了这一点，但我对此感到不舒服，还有其他解决方案吗？

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}

最佳答案

对于 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()方法。

关于jquery - 使用 jquery 选中/取消选中复选框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17420534/