ラベルをクリックするとラジオボックスを確認します

ラジオボタンがいくつかあります。ラベルをクリックした後でチェックをしたいと思います。ラベルをクリックするとラジオボックスを確認します

これはレンダリングされる前のコードです。

div class="btn-group-vertical max-width-100 btn-group-for-partial row col-xs-12" data-toggle="buttons"> 
       @foreach (var x in @Model.dwom.Options) 
       { 
        <label for="@x"><input type="radio" name="elu.Answer" id="@x" value="@x"/>@x</label><br /> 
       } 
</div>

これはレンダリングされた後のコードです。

<label for="Poinsettia"> 
 
    <input type="radio" name="elu.Answer" id="Poinsettia" value="Poinsettia" />Poinsettia</label> 
 
<br /> 
 
<label for="Mistletoe"> 
 
    <input type="radio" name="elu.Answer" id="Mistletoe" value="Mistletoe" />Mistletoe</label> 
 
<br /> 
 
<label for="Ivy"> 
 
    <input type="radio" name="elu.Answer" id="Ivy" value="Ivy" />Ivy</label> 
 
<br /> 
 
<label for="Holly"> 
 
    <input type="radio" name="elu.Answer" id="Holly" value="Holly" />Holly</label> 
 
<br />

今、私のサイトでは、何らかの理由で動作しませんが、このjsFiddleにそれはありません：jsFiddle.

奇妙なことは、あなたがそれをクリックされて見ることができるということです、それはあなたがクリックをリリースする前にそれらの斜角を取得するので。

うまくいけば、ここの誰かが正しい方向にこの仕事を再開するのを助けてくれることを願っています。

出典

2016-09-27 Bjørn Henneberg