使用jquery判断取消选中复选框

发布于07月02日

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

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

这里我想判断如果value == 1，那么这个复选框应该被选中.否则，它应该不受约束.

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

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

推荐答案

For jQuery 1.6+ :个

对于属性，.attr()已弃用；请改用新的.prop()函数，如下所示:

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

For 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()法.

实用课程推荐