点击旁边的文字时如何设置@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。