動的に作成された画像にラジオボタン

Question

動的に作成された画像をクリックして、チェックされたラジオbtnを変更します。これは私の画像生成PHPです：

<?php if($subject_list){ 
     foreach ($subject_list as $item):?> 
      <input type="radio" name="subjectagendaactivity" value="male" /> 
      <img src="/static/images/school/students/subjects/island/island_<?php echo $item['id'];?>_agenda.png"/> 
     <?php endforeach;}?> 

だから私のイメージは、このように生成され、これは私がjQueryの中で作られたコードに変更することができることですが.cheked：

$(this).click(function() { 
       $('input:radio[name=subjectagendaactivity]')[0].checked = true; 
      }); 

私がする必要が[0]を$（this）などに変更して、右の画像をクリックするとラジオbtnがチェックされます。

Answer 1

うこの作品のようなもの、あなたのために？：http://jsfiddle.net/FsshJ/：

$(this).click(function() { 
       $('input:radio[name=subjectagendaactivity]').attr("checked", true); 
      }); 

Answer 2

このお試しください：唯一の欠点は、それがimgとinputの両方を必要とすることである

$('input:radio[name=subjectagendaactivity]').each(function(index) { 
if(index == 0) 
{ 
    $(this).attr("checked","checked"); 
    return; 
} 
}); 

Answer 3

$(this).click(checkIt($(this))); 



// Elsewhere 
function checkIt(rBtn) { 
    rBtn.checked = true; 
} 

Answer 4

これを試してみてくださいをIDを持つしかし、あなたが望むならば、あなたはそれを何かに変えることができます。あなたがチェックしたいのチェックボックスを想定し

Answer 5

は常に前要素あなたは上をクリックしている画像です：jQuery's traversal methodsを見てみましょう

$('img').click(function() { 
    var $check = $(this).prev(':checkbox'); 

    if($check.is(':checked'){ // Already checked? Uncheck it! 
     $check.removeAttr('checked'); 
    } 
    else{ 
     $check.attr('checked','checked'); 
    } 
}); 

。慣例によりチェックボックスをつかむことができるものを見つけることができるはずです。