Question

我有一个包含两组复选框的表单。第一个是委员会中的角色列表（主席，副主席，秘书等）。第二组复选框是这些角色中的人员列表。例如，Todd是我们的副主席，Gwen是我们的财务主管。如果我想在单击副主席复选框时选中Todd的复选框，我可以这样做：

$('input[name=toddS]').attr('checked', true);

但是如果我想选择我们的特工，我希望它不仅可以检查Gwen的复选框，还可以取消选中Todd（以及所有其他选中的复选框。如何执行此操作，以便无论人们检查什么，它只会留下该人或者那个角色的人检查并取消选中所有剩余的复选框。这是否清楚？希望如此。

斯科特

Answer 1

使用单选按钮，这样只会检查一个单选按钮，而其他按钮会自动取消选中。甚至不需要jQuery。只需确保将单选按钮命名为不同的值，例如：

<input type="radio" name="position" value="Chairman" /> Chairman
<input type="radio" name="position" value="Vice Chairman" />Vice  Chairman
<input type="radio" name="position" value="Secretory" /> Secretory
<!-- and so on -->

同样，对于人们来说：

<input type="radio" name="person" value="Todd" /> Todd
<input type="radio" name="person" value="Gwen" />Vice  Gwen
<input type="radio" name="person" value="Micheal" /> Micheal
<!-- and so on -->

Answer 2

如果名称列表如下所示

<input type="checkbox" name="person" value="Todd" />Todd
<input type="checkbox" name="person" value="Gwen" />Gwen
<input type="checkbox" name="person" value="Micheal" />Micheal

您可以使用以下js清除所有选择

$('input[name=person]').attr('checked', false);

一些迟到的答案可能会帮助你，但可能会帮助别人......

jquery选中两个复选框取消选中现有复选框

2 个答案: