jquery - 希望文本在旁边的框中放置复选标记后变为粗体

Question

我有一个 Web 表单中的内容列表。列表中的每个项目旁边都有一个复选框。一些复选框中已经有复选标记，而其他复选框是空的。

我希望复选框旁边的文本在选中复选框时变为粗体。

因此，默认情况下，在它们旁边的框中已经有复选标记的文本应该在加载时显示为粗体。

当我在其中放置复选标记时，旁边有一个空复选框的项目文本应该变成粗体。

我该怎么做呢？

score 2 · Accepted Answer

您需要确保您的复选框紧接在文本之前，并且文本包含在label标签中：

<input type="checkbox" id="will" checked /><label for="will">William</label>
<input type="checkbox" id="sue" /><label for="sue">Susan</label>

然后使用特定于检查输入的 CSS 使它们之后的标签以粗体显示：

input:checked+label{font-weight:bold;}

score 0 · Accepted Answer

使用“onChange”事件侦听器，因此当您单击复选框时，您可以获得“checked”属性。如果为真，则在文本上应用类名以使文本以粗体格式显示。

对于加载时自动显示的粗体，只需使用与上述类似的代码段，它们将在加载事件发生时运行（即在 window.onload 或 $(document).ready() 等中）。

2 回答 2