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

以下粘贴代码的

See a demo：

$(':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">

单选按钮在检查时显示图像

4 个答案: