是否可以使用 JavaScript/jQuery 解决这种情况？

Question

我有一个代码来检查单选按钮是否被选中以及它们是否设置了背景颜色。一切正常，我的问题是当我想选择另一个单选按钮时，结果是单击时选择了我的所有单选按钮，但它只需要一个。

$("input[type='radio']").each(function () {

  if ($(this).is(":checked")) {

  $(this).css("background", "yellow");

   }

 });

 

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="radio">

<input type="radio" checked>

你可以测试一下。只需尝试选择另一个单选按钮，您将看到已选择单选按钮（2 个单选按钮）。

我想要实现的是，当您单击另一个单选按钮时，它需要删除此选中的类或任何其他想法。我无法在单选按钮之间切换。

Answer 1

<input type="radio" name="sameName"><input type="radio" name="sameName">像这样设置他们的名字