DIVをクリックするとラジオボタンが表示されます

Question

私はPHP/jqueryを使用してクイズアプリケーションを作成しています。回答の選択肢は次のようになります。

これらの回答は、1行に1つの回答でコンテナに表示されます。各回答には、コンテナ内に独自のボックスがあります。私は、ユーザーが個々の回答divのどこかをクリックし、ラジオの選択をチェックさせることができるようにしたい。

jqueryを使用してラジオボタンのコンテナdivをクリックしたときに、ラジオボタンのチェックを有効にするにはどうすればよいですか？

Answer 1

jQueryを使用する代わりに、<label>要素を使用するネイティブHTMLでこれを行うことができます。 Here is a sampleの動作中です。

<ul id="answers"> 
     <li> 
       <label> 
        <input type='radio' name='answer_id' value='313'> True 
       </label> 
     </li> 
     <li> 
       <label> 
        <input type='radio' name='answer_id' value='314'> False 
       </label> 
     </li> 
</ul> 

Answer 2

は多分のようなもの：ラベル・タグの

$('#answers li div').click(function(){ 

    var r = $(this).find('input[type=radio]'); 
    if($(r).is(":checked")) 
    { 
    $(r).attr("checked", ""); 
    } 
    else 
    { 
    $(r).attr("checked", "checked"); 
    } 

}); 

Answer 3

正しい使用法は次のとおりです。=用

<input type="checkbox" id="checkme" name="checkme" /> <label for="checkme">Toggle this checkbox on/off</label> 

"..." 常に入力のIDを参照します。

Answer 4

私はtj111に同意するが、必ずしも合わない場合：スタイルへ

• もっと難しいです。
• そこにそれらのテキスト（おかげでマイケル）

がここにあるdiv要素とjQueryを使用して代替コードであれば、ラベルにのみ動作：

$('input:radio').click(ev){ 
    ev.stopPropagation(); 
}).parent().click(function(ev){ 
    ev.preventDefault(); 
    $(this).children('input').click(); 
    $(this).addClass('active').siblings().removeClass('active'); 
}); 

今、あなたも隠すことができ、「アクティブ」クラスでスタイルシートを使用して強調表示します。