ラベル要素をラジオボタンに関連付ける方法

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>