jquery - 单选按钮在支票上显示图像

Question

我有一些单选按钮，当其中一个被选中时，单选按钮旁边会出现一个勾号，其余的都不会被选中。

单选按钮html和css如下

<input type="radio" name="InputName" value="ValueA" >

input[type="radio"]:checked + .icon {
background-image: url("../img/glyphicons-halflings.png");
}

但是，我也使用 jquery 来更改其中一个单选按钮的选中状态，但我无法更改它。我的jQuery如下

$('[name="InputName" value="ValueA"]').attr('checked',true);

有什么解决办法吗？提前致谢。

Answer 1

你应该这样调用：

$('[name="InputName"]').attr('checked',true);

Answer 2

使用prop().你可以做

 $('input[value="ValueA"]').prop('checked',true);

如果你的价值是独一无二的......

或者

这个

$('input[name="InputName"][value="ValueA"]').prop('checked',true);

Answer 3

你应该试试这个，而不是.attr('checked',true)尝试.attr('checked','checked')

$('[name="InputName"][value="ValueA"]').attr('checked','checked');

Answer 4

而是这样做：

$('[name="InputName" value="ValueA"]').attr('checked',true);

做这个：

$(':radio:checked').addClass('icon');

---

请参阅以下粘贴代码的演示：

$(':radio').change(function () {
   $(':radio').removeClass('icon');
   $(':checked').addClass('icon');
});

---

radios是为此而制作的，if you want to select only one option in a radio list那么just group them with same name只有一个会被选中。

像这样：

<input type="radio" name="InputName" value="ValueA">
<input type="radio" name="InputName" value="ValueB">
<input type="radio" name="InputName" value="ValueC">