रेडियो बटनों के साथ लेबल तत्वों को कैसे संबद्ध करें

Question

मेरे पास मेरे फॉर्म में कुछ विकल्प बटन हैं और मुझे इसे चुनने के लिए हमेशा राउंड विकल्प बटन पर क्लिक करना होगा। विकल्प बटन का चयन करने के लिए उपयोगकर्ता को संबंधित लेबल पर क्लिक करने की अनुमति देने का कोई तरीका है?

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