如何设置@Html.Checkbox()点击旁边的文字时勾选？

Question

我有一行包含一个复选框和一个文本。像这样：@Html.Checkbox("cb1") @: My checkbox，要求是：当我悬停"My checkbox"时，复选框cb1悬停。当我单击 "My checkbox" 时，cb1 被单击。

我已经试过了，但是没用：

<tr>
     <td>@Html.Checkbox("cb1")</td>
     <td><label id="text">My checkbox</label></td>
</tr>

与 CSS:

#text:hover #cb1:hover
{
/* I mean: if #text is hovered, then #cb1 is hovered too. But it doesn't work */
}

你能帮帮我吗？

Answer 1

您不需要任何 CSS。
只需将 <label> 中的 for 属性设置为它标识的控件的 ID。