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

前端之家收集整理的这篇文章主要介绍了asp.net – 如何将标签元素与单选按钮相关联前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > How to associate labels with radio buttons4个答案我的表单中有一些选项按钮,我总是需要在圆形选项按钮上完全点击选择它。有没有办法让用户点击相关标签来选择选项按钮?
  1. <p>
  2. <span class="editor-label">
  3. @Html.LabelFor(m => m.ADR)
  4. </span>
  5. <span class="editor-field">
  6. @Html.RadioButtonFor(model => model.ADR,"Yes",AdrYesOptions)
  7. @UserResource.YesValue
  8. @Html.RadioButtonFor(model => model.ADR,"No",AdrNoOptions)
  9. @UserResource.NoValue
  10.  
  11. </span>
  12. </p>

我在这里找到了一些解决方案:How to associate labels with radio buttons,但是这些不适合我,因为我更喜欢MVC的特定解决方案。

解决方法

将每个单选按钮和关联的标签文本包含在< label>内。元件:
  1. <p>
  2. <span class="editor-label"> @Html.LabelFor(m => m.ADR) </span>
  3. <span class="editor-field">
  4. <label> @Html.RadioButtonFor(model => model.ADR,AdrYesOptions) @UserResource.YesValue </label>
  5. <label> @Html.RadioButtonFor(model => model.ADR,AdrNoOptions) @UserResource.NoValue </label>
  6. </span>
  7. </p>

猜你在找的asp.Net相关文章