<分区>
<分区>
我不打算使用字段集,而是使用带有单选按钮的跨度。对 html 和 jquery 很陌生。选中时,我需要更改单选按钮的选定颜色。我是否使用了错误的元素来显示单选按钮?这是代码:
<div id="sidebar">
<span style="font-weight: bold;">Filter</span><br>
<input backgroundColor="red" type="radio" name="filter" value="schedule">Schedule<br>
<input type="radio" name="filter" value="risk">Risk<br>
<input type="radio" name="filter" value="opm">OPM<br>
<input type="radio" name="filter" value="location">Location<br>
<input background-color="red" type="radio" name="filter" value="all" checked>All<br>
</div>
最佳答案
您需要更新 HTML 并添加 CSS 才能实现此目的:
HTML:
<div id="sidebar">
<span style="font-weight: bold;">Filter</span>
<br>
<input type="radio" name="filter" value="schedule"><span>Schedule</span>
<br>
<input type="radio" name="filter" value="risk"><span>Risk</span>
<br>
<input type="radio" name="filter" value="opm"> <span>OPM</span>
<br>
<input type="radio" name="filter" value="location"> <span>Location</span>
<br>
<input type="radio" name="filter" value="all" checked><span>All</span>
<br>
</div>
CSS:
input:checked + span {
color: red;
}
演示:http://jsfiddle.net/lotusgodkk/GCu2D/1023/
引用:https://developer.mozilla.org/en/docs/Web/CSS/Adjacent_sibling_selectors
关于jquery - 所选单选按钮的背景颜色不变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34739405/