如何在选择时将HTML单选按钮加粗?

前端之家收集整理的这篇文章主要介绍了如何在选择时将HTML单选按钮加粗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML中,我有以下单选按钮选项

o选择1
o选择2
o选择3

我想做的是当有人从上面选择一个单选按钮时,与所选单选按钮对应的文本变为粗体.

因此,例如 – 如果此人选择“选择2”,单选按钮选择现在看起来像:

o选择1
o选择2
o选择3

我该怎么做呢?我假设必须使用JavaScript或CSS.

提前致谢

更新:如何在不使用jQuery的情况下实现“nickf”解决方案?

解决方法

您可以使用CSS完全执行此操作,但您需要将每个输入的文本包装在span或其他标记中:
<input type="radio" name="group1" value="Milk"><span>Milk</span><br>

然后只使用兄弟选择器:

input[type="radio"]:checked+span { font-weight: bold; }

猜你在找的HTML相关文章