单选按钮显示图像检查

问题描述：

我有一些单选按钮，其中一个选中时，单选按钮旁边会出现一个勾号，其余不会被选中。单选按钮显示图像检查

的单选按钮，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);

任何解决方案？提前致谢。

答

你应该叫这样的：

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

答

使用prop()。你可以做

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

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

这

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

答

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

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

答

而不是做这样的：

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

单选按钮显示图像检查

相关推荐