Question

我觉得这是一个非常基本的问题，但是搜索并没有发现任何问题。

精简的HTML：

<input name="ID_1" type="radio" value="1" id="A01" /> A01<br>
<input name="ID_1" type="radio" value="2" id="A02" /> A02<br>

<input name="ID_2" type="radio" value="1" id="A01" /> A01<br>
<input name="ID_2" type="radio" value="2" id="A02" /> A02<br>

比方说，用户点击了第一个收音机。

然后用户单击第三个收音机。

我要取消选中第一个广播电台...反之亦然。

第二和第四电台相同。

谢谢！

Answer 1

我将id更改为class。然后，当任何单选按钮更改时，逻辑就会运行。它会查找所有具有相同类别的单选按钮，排除刚刚更改的单选按钮，然后取消选中具有相同类别的另一个单选按钮。

$(':radio').on('change', e => {
  $('.'+ e.target.className).not(e.target).prop('checked', false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<input name="ID_1" type="radio" value="1" class="A01" /> A01<br>
<input name="ID_1" type="radio" value="2" class="A02" /> A02<br>

<input name="ID_2" type="radio" value="1" class="A01" /> A01<br>
<input name="ID_2" type="radio" value="2" class="A02" /> A02<br>

通过具有不同名称的jQuery自动取消选中单选按钮

1 个答案: