使用jquery检查/取消选中复选框？

小编典典

all

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

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

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

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

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

阅读 82

2022-03-03

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

2022-03-03