将类添加到单选按钮

2024-04-29

<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 检查的元素添加图像。我该怎么做?


为已检查的无线电添加一个类对您来说重要吗?你可以简单地使用 CSS 来做到这一点:

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

Demo http://jsfiddle.net/g8vQ9/

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

Demo 2 http://jsfiddle.net/g8vQ9/1/(选择单选框时嵌入图像)

Demo 3 http://jsfiddle.net/g8vQ9/6/(带有勾号图像)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将类添加到单选按钮 的相关文章

随机推荐