如何设置单选按钮标签以检查＆＃39;？

Question

我总共有三个单选按钮，评分很小。因为我不喜欢＆＃39;正常＆＃39;单选按钮，我使用字体真棒图标代替。当用户点击其中一个时，我如何将它们标记为已选中：

<input id="rate-bad" name="rate" type="radio" value="bad" tabindex="5">
<label class="choice" for="rate-bad"><i class="fa fa-frown-o fa-3x"></i>bad</label>

输入按钮设置为不可见。

是否有类似＆＃39; choice :: checked＆＃39;那可以用吗？

Answer 1

您可以使用jquery进行检查。

例如

<input id="rate-bad" name="rate" type="radio" value="bad" tabindex="5">
<label id="bad" class="choice" for="rate-bad"><i class="fa fa-frown-o fa-3x"></i>bad</label>

jquery的：

$("#bad").click(function() {
   $("#rate-bad").prop('checked', true);
});

Answer 2

<input type="radio" name="imgsel"  value="" checked="checked" />

这将帮助您检查单选按钮