javascript - 单选按钮未切换

Question

我有单选按钮，其中一个 :checked 并且它们具有相同的名称。当我单击另一个单选按钮时，它们都会被选中。

我的代码是:

<input name="a" type="radio">
<input name="a "type="radio" checked>

JS

$("input[type='radio']").each(function () {
    if ($(this).is(":checked")) {
    $(this).addClass("some");
   }
 });

CSS

  .some {
      background-color:#06c!important;
  }

我的方法是首先检查我的输入是否为 :checked ，如果是，则放置一些带有背景颜色的 css 类。我实现了这一点，我想要的下一件事是当用户单击单选按钮或任何其他(更好的)想法时删除 :checked 。现在两个单选按钮都被选中。有人能帮我解决这个问题吗？

fiddle :

https://jsfiddle.net/0ns58xcq/

Answer 1

看看你的标记:

<input name="a" type="radio">
<input name="a "type="radio" checked>
              ^
              ----- There is a space

<小时/>

删除空格，它应该可以工作。

<input name="a" type="radio">
<input name="a" type="radio" checked>