jquery - 如果选择了另一个单选按钮，则取消选择单选按钮

Question

考虑以下标记:

<form>

<div class="project">
<ul class="choice">
    <li><label for="firstchoice_1">First choice</label><input type="radio" name="firstchoice" value="1" id="firstchoice_1" /></li>
    <li><label for="secondchoice_1">Second choice</label><input type="radio" name="secondchoice" value="1" id="secondchoice_1" /></li>
</ul>
</div>

<div class="project">
<ul class="choice">
    <li><label for="firstchoice_2">First choice</label><input type="radio" name="firstchoice" value="2" id="firstchoice_2" /></li>
    <li><label for="secondchoice_2">Second choice</label><input type="radio" name="secondchoice" value="2" id="secondchoice_2" /></li>
</ul>
</div>

</form>

我想要做的是，每当选择另一个时，禁用每个 .project 组中的单选按钮(因此只有 First choice 或 每组中的第二个选择都可以选择)。我知道如何做是在一种特定情况下禁用一个特定的单选按钮，但我不知道如何概括这一点，因为它们可能是一百个这样的 .project 组。

编辑:请注意，只能选择整个第一选择(反之亦然)。该名称已被使用。整个标记中使用相同的 name 属性。只有两个不同的 name。

Answer 1

只需给它们相同的名称但不同的值即可；然后这将自动发生，因为这就是单选按钮的设计方式。