单选按钮在选中时显示图像

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() .you就可以了

 $('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');