JQuery Custom Image From Checkbox to Radio
<p>I am using the following code to make a custom checkbox with my own images and it works but it's using a Checkbox and I need to use Radio buttons.</p>

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

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

 });

&lt;/script&gt;
</code></pre>

<p>Next...here's the HTML:</p>

<pre><code>&lt;label for="moreinfo"&gt;
     &lt;img src="checkbox_unchecked.gif"/&gt;
     &lt;input name="moreinfo" type="checkbox" id="moreinfo" style="display:none"&gt;
&lt;/label&gt;
</code></pre>

<p>If it a question of changing from checkbox to radio type or does the jquery need changing too?</p>

<p>How do I go about this?</p>
