jquery - 实现单选按钮的正确方法

Question

我对 jquery 相当陌生，并且有一个关于如何实现具有 3 个不同 ID 的 3 个不同单选按钮的问题。我只想始终选择一个单选按钮，这意味着，当我单击另一个单选按钮时，应取消选中其他两个单选按钮并更新值。我的代码正在运行，但我不确定这是否是正确的方法。谁能告诉我，是否可以通过其他方式完成？

谢谢!

$("#someID_1").click(function() {
  $("#someID_1").prop("checked", true);
  $("#someID_2").prop("checked", false);
  $("#someID_3").prop("checked", false);
  $("#someID_1").val("true");
  $("#someID_2").val("false");
  $("#someID_3").val("false");
});

$("#someID_2").click(function() {
  $("#someID_1").prop("checked", false);
  $("#someID_2").prop("checked", true);
  $("#someID_3").prop("checked", false);
  $("#someID_1").val("false");
  $("#someID_2").val("true");
  $("#someID_3").val("false");

});

$("#someID_3").click(function() {
  $("#someID_1").prop("checked", false);
  $("#someID_2").prop("checked", false);
  $("#someID_3").prop("checked", true);
  $("#someID_1").val("false");
  $("#someID_2").val("false");
  $("#someID_3").val("true");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="some_class">
  <ul>
    <li>
      <label for="someID_1" style="width:20%"></label>
      <input type="radio" id="someID_1" style="width: auto;">
    </li>
    <li>
      <label for="someID_2" style="width:20%"></label>
      <input type="radio" id="someID_2" style="width: auto;">
    </li>
    <li>
      <label for="someID_3" style="width:20%"></label>
      <input type="radio" id="someID_3" style="width: auto;">
    </li>
  </ul>
</div>

Answer 1

仅用 html 即可完成。一种表单内的所有 radio 都应具有相同的名称属性。

<label><input type="radio" name="someUniqueName">foo</label>
<label><input type="radio" name="someUniqueName">bar</label>
<label><input type="radio" name="someUniqueName">foo-bar</label>