javascript - 将类添加到单选按钮

Question

<input id="radio1" type="radio" name="rgroup" value="1" >
 <label for="radio1"><span><span></span></span>1</label>
<input id="radio2" type="radio" name="rgroup" value="2" >
 <label for="radio2"><span><span></span></span>1</label>

我有这样的东西，我想将图像添加到使用 javaScript 检查的元素。我该怎么做？

Answer 1

是否为选中的 radio 添加一个类很重要吗？因为您可以简单地使用 CSS 做到这一点:

#radio1:checked + label {
    color: #f00;
}

Demo

#radio1:checked + label:after {
    content: url(IMAGE_URL_HERE);
}

Demo 2 (选择单选框时嵌入图像)

Demo 3 (带刻度图像)