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

发布时间：2020-12-14 23:35:43 所属栏目：资源来源：网络整理

导读：在 HTML中,我有以下单选按钮选项 o选择1 o选择2 o选择3 我想做的是当有人从上面选择一个单选按钮时,与所选单选按钮对应的文本变为粗体. 因此,例如 – 如果此人选择“选择2”,单选按钮选择现在看起来像： o选择1 o选择2 o选择3 我该怎么做呢？我假设必须使用J

在 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; }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!