JQueryカスタムイメージチェックボックスからラジオへ

Question

私は自分のイメージでカスタムチェックボックスを作るのに以下のコードを使用していますが、それは動作しますが、チェックボックスを使用しています。

<label for="moreinfo"> 
    <img src="checkbox_unchecked.gif"/> 
    <input name="moreinfo" type="checkbox" id="moreinfo" style="display:none"> 
</label> 

その場合は無線タイプにチェックボックスから変更するか、jQueryの必要性があまりにも変化するんの質問：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script> 
<script> 
$(document).ready(function(){ 

$("#moreinfo").change(function() { 
    if(this.checked) { 
     $(this).prev().attr("src", "checkbox_unchecked.gif"); 
    } else { 
     $(this).prev().attr("src", "checkbox_checked.gif"); 
    } 
}); 

}); 

</script> 

次...ここにHTMLですか？

どうすればよいですか？

Answer 1

変更type="radio"へtype="checkbox"（IDは一意であるとし、name属性を経由して、それらをグループ化し、テストのためにいくつかのより多くのラジオボタンを追加し、彼らは同じidを持っていないかもしれません！）。次に、置換イメージのclickイベントも処理する必要があります。 しかし、実際には、それは単にあなたがそれを試して解決することができたあなたの元の質問を超えています。 ;）

Answer 2

ラジオボタンは、チェックされた属性も使用します。したがって、スクリプト（おそらくgif）を変更することなく要素を切り替えることができます。 しかし、チェックボックス/ラジオボタンが表示されないため、スクリプトは実行されません。 イメージをクリックすると、ステータスを変更する機能が必要になります。