Javascript jQuery-选中复选框

prop（“checked”，false）

是否重置复选框上的

值？例如：

<input type="checkbox" name="price_range" value="1" id="ceo"> < $10,000
<input type="checkbox" name="price_range" value="2" id="bod"> < $ 200,000.00

---

只需在jquery中使用属性选择器

$("input[name='price_range']").click(function() {
  $("input[name='price_range']").removeProp('checked');
  $(this).prop('checked', true);
  console.log(this.value);
});

.prop（“选中”，false）

使复选框不选中。就这样。它对复选框的

值

（如果这就是您所说的“值”）没有影响

---

听起来好像你的复选框应该是单选按钮，因为用户不希望复选框的行为像单选按钮，而惊喜会导致糟糕的用户体验

但是，如果它们必须是复选框，但也必须是互斥的，则可以通过搜索具有相同名称的其他名称并取消选中它们来实现这一点：

$("input[name=price_range]").on("click", function() {
  if (this.checked) {
    $("input[name=" + this.name + "]").not(this).prop("checked", false);
  }
});

例如：

$（“输入[name=price\u range]”）。在（“单击”，函数（）{
如果（选中此项）{
$（“输入[name=“+this.name+”]）。不是（this.prop）（“选中”，false）；
}
});

$10,000
$ 200,000.00
我想您希望在任何时候最多选中一个复选框，对吗？如果是这种情况，您可以签出
单选
输入。
您应该使用单选按钮而不是复选框



使用此选项：“是否
prop（“checked”，false）
重置复选框上的
值？”复选框没有
值。你到底在问什么<代码>属性（“选中”，false）
使复选框未选中。就是这样。听起来你的复选框应该是单选按钮。“prop（“checked”，false）会重置复选框上的值吗”-否。它会更改复选框上的“checked”属性，而不会更改其他内容。这可能会帮助你排除Nitya。假设我有100个复选框，那么你的代码呢？请编辑更多信息。不鼓励只编写代码和“尝试这个”答案，因为它们不包含可搜索的内容，也不解释为什么有人应该“尝试这个”。我已经尝试了你的答案，效果很好。谢谢你@SudharsanS。你能简单解释一下
.removeProp（'checked'）
的作用吗。我不清楚。
$("input[name=price_range]").on("click", function() {
  if (this.checked) {
    $("input[name=" + this.name + "]").not(this).prop("checked", false);
  }
});

$("input[name=price_range]").on("click", function() {
    if (this.checked && this.id === 'ceo') {
        // do code for ceo
    }
    else if (this.checked && this.id === 'bod') {
            //do code for bod;
    }
    else{
       //do code;
    }
});