Etiket elemanlarını radyo düğmeleriyle ilişkilendirme

Question

Formumda bazı seçenek düğmelerim var ve bunu seçmek için her zaman yuvarlak seçenek düğmesinin üzerine tıklamanız gerekiyor. Kullanıcının seçenek etiketini seçmek için ilişkili etikete tıklamasına izin vermenin bir yolu var mı?

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

Burada bazı çözümler bulduk: How to associate labels with radio buttons ama MVC için özel bir çözümü tercih çünkü bu bana uymaz.

Answer 1

Wrap bir <label> öğesinin içinde her radyo düğmesi ve ilişkili etiket metni:

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