Javascript 在表单中使用字体

我正在尝试在我正在创建的表单中使用令人敬畏的字体。表格基本上是一个选择题测验，有一个问题，然后是可能的正确答案和单选按钮

我想在测验中加入字体而不是单选按钮。 我想使用font awesome集合中的图标圈和图标圈空白，因此当用户单击答案时，JavaScript会将图标更改为图标圈，而不是图标圈空白

有没有人对如何做到这一点有任何想法或最佳做法

---

谢谢大家!

可以通过隐藏选项本身并使用标签显示修改过的框来完成。以下是我使用的HTML：

<input type="radio" id="opt_yes" checked name="test" value="yes">
<label class="icon-" for="opt_yes"> Yes</label><br />
<input type="radio" id="opt_no" name="test" value="no">
<label class="icon-" for="opt_no"> No</label>

jsFiddle演示

基于的解决方案

[type=radio] {
    display: none;
}
[type=radio] + label:before {
    content: "\f10c";
}
[type=radio]:checked + label:before {
    content: "\f111";
}