如何使HTML单选按钮在select上粗体？
如何使HTML单选按钮在select上粗体？
提问于 2009-03-10 05:04:03
在HTML中，我有以下单选按钮选择
O选择1
O选择2
O选择3
我想做的是，当有人从上面选择一个单选按钮时，与所选单选按钮对应的文本变得粗体。
因此，例如-如果用户选择“选择2"，则单选按钮选择现在看起来如下：
O选择1
o选择2
O选择3
我该怎么做？我认为必须使用JavaScript或CSS。
提前感谢
UPDATE：如何在不使用jQuery?的情况下实现“昵称”解决方案
回答 6
Stack Overflow用户
发布于 2009-03-10 05:24:04
您可以使用CSS来实现这一点，但是您需要将每个输入的文本包装在一个span或其他标记中：
<input type="radio" name="group1" value="Milk"><span>Milk</span><br>然后只需使用兄弟姐妹选择器：
input[type="radio"]:checked+span { font-weight: bold; }Stack Overflow用户
发布于 2009-03-10 05:23:13
我会这样做：
<label><input type="radio" name="myRadio" value="1" /> One</label>
<label><input type="radio" name="myRadio" value="2" /> Two</label>
<label><input type="radio" name="myRadio" value="3" /> Three</label>在每个元素上使用一个onchange处理程序来更改父标签的CSS类。在jQuery中，它看起来如下所示：
$(':radio').change(function() { // get all the radio buttons and
// add an onchange handler
var $label = $(this).parent('label'); // get a reference to the parent label
if (this.checked) { // if the radio is on...
$label.addClass('selected'); // add the CSS class "selected" to the label
} else { // otherwise...
$label.removeClass('selected'); // take the class away.
}
});只需记住重写标签的默认样式(粗体)：
label {
font-weight: normal;
}
label.selected {
font-weight: bold;
}Stack Overflow用户
发布于 2009-03-10 05:09:14
使用OnChange事件将所选元素的css样式更改为粗体。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/630057
复制相关文章
相似问题
腾讯云开发者
