asp.net - 如何将标签元素与单选按钮关联

Question

这个问题已经有答案了:

How to associate labels with radio buttons (4 个回答)

已关闭 9 年前。

我的表单中有一些选项按钮，我总是需要准确单击圆形选项按钮才能选择它。有没有办法让用户单击关联的标签来选择选项按钮？

<p>
    <span class="editor-label">
        @Html.LabelFor(m => m.ADR)
    </span>
    <span class="editor-field">
        @Html.RadioButtonFor(model => model.ADR, "Yes", AdrYesOptions) 
        @UserResource.YesValue
        @Html.RadioButtonFor(model => model.ADR, "No", AdrNoOptions) 
        @UserResource.NoValue 

    </span>
</p>

我在这里找到了一些解决方案:How to associate labels with radio buttons但这些不适合我，因为我更喜欢专门针对 MVC 的解决方案。

Answer 1

将每个单选按钮和关联的标签文本包装在 <label> 中元素:

<p>
    <span class="editor-label"> @Html.LabelFor(m => m.ADR) </span>
    <span class="editor-field">
        <label> @Html.RadioButtonFor(model => model.ADR, "Yes", AdrYesOptions) @UserResource.YesValue </label>
        <label> @Html.RadioButtonFor(model => model.ADR, "No", AdrNoOptions) @UserResource.NoValue </label>
    </span>   
</p>