asp.net - net - Cómo asociar elementos de etiqueta con botones de radio

mvc asp.net c#

Question

Esta pregunta ya tiene una respuesta aquí:

• Cómo asociar etiquetas con botones de radio 4 respuestas

Tengo algunos botones de opción en mi formulario y siempre necesito hacer clic exactamente en el botón de opción redondo para seleccionarlo. ¿Hay alguna forma de permitir que el usuario haga clic en la etiqueta asociada para seleccionar el botón de opción?

<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>

Encontré algunas soluciones aquí: cómo asociar etiquetas con botones de opción, pero no me convienen porque prefiero una solución específica para MVC.

Answer 1

Envuelva cada botón de radio y el texto de la etiqueta asociada dentro de un elemento <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>