title: Clicking an image to select multiple radio buttons
body: <p>Thank You for the quick respond. I want to check all of these radio buttons</p>
  
  <pre><code>&lt;input type=radio name=aid value=".$row-&gt;aid."id=".$row-&gt;id."&gt;  
  &lt;input type=radio name=qid value=".$row-&gt;qid." id=".$row-&gt;id."&gt;
  &lt;input type=radio name=id value=".$row-&gt;id." id=".$row-&gt;id."&gt;
  &lt;input type=radio name=id2 value=".$row-&gt;id2." id=".$row-&gt;id."&gt;  
  </code></pre>
  
  <p>byClick this image</p>
  
  <pre><code>&lt;img id=".$row-&gt;id1." src=images/btn.png width=50 height=50 
   onclick=RadioClicked('".$row-&gt;id."','aid','MyFormID') style=cursor:pointer;&gt;
  &lt;/input&gt;&lt;/input&gt;&lt;/input&gt;&lt;/input&gt;
  </code></pre>
  
  <p>Thanks again i really appreciate for the help. 
  note: I use the image for radio button interface and hide the radio buttons visibility. </p>
  
  <p>Here is the Javascript code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var RadioCheckedImage = new Image();
  var RadioUncheckedImage = new Image();
  
  RadioCheckedImage.src = "images/btn1.png";
  RadioUncheckedImage.src = "images/btn.png";
  
  function RadioClicked(radioid,radiosetname,formid) {
  
  var form = document.getElementById(formid);
  for( var i = 0; i &lt; form.length; i++ ) {
     if(form[i].name == radiosetname) {
        document.getElementById(form[i].id).checked = false;
        document.getElementById("Image"+form[i].id).src = RadioUncheckedImage.src;
        }
        }
  document.getElementById(radioid).checked = true;
  document.getElementById("Image"+radioid).src = RadioCheckedImage.src;          
  
  return false;
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the PHP code:</p>
  
  <p>These code bellow were fine, i can check this radio button by clicking the image.   </p>
  
  <pre><code>'while ($row = mysql_fetch_object($result)) {
  echo "&lt;table&gt;&lt;tr&gt;&lt;td&gt;   
  
  &lt;input type=radio name=aid value=".$row-&gt;aid." id=".$row-&gt;id." checked&gt;
  
  &lt;img id=".$row-&gt;id1." src=images/btn.png width=50 height=50 
  onclick=RadioClicked('".$row-&gt;id."','aid','MyFormID') style=cursor:pointer;&gt;
  &lt;/input&gt;&lt;/td&gt;'  
  </code></pre>
  
  <p>But i need to add another radio button (below) also check as the image above click</p>
  
  <pre><code>&lt;input type=radio name=id value=".$row-&gt;id." id=".$row-&gt;id."&gt;id&lt;/input&gt;
  &lt;input type=radio name=qid value=".$row-&gt;qid." id=".$row-&gt;id."&gt;qid&lt;/input&gt;
  &lt;input type=radio name=id2 value=".$row-&gt;id2." id=".$row-&gt;id."&gt;id2&lt;/input&gt;
  
      } } 
  </code></pre>
  
  <p>Here is a screen shot that i want. i want to check 4 radio buttons as i click the push button image. note:In this screen shot i had to click 3 radio buttons manually.</p>
  
  <p>o  o  o  o  push image </p>
  
  <p>o  o  o  o  push image</p>
  
  <ul>
  <li><ul>
  <li><ul>
  <li><ul>
  <li>PUSH IMAGE</li>
  </ul></li>
  </ul></li>
  </ul></li>
  </ul>
  
  <p>o  o  o  o  push image</p>
  
  <p>o  o  o  o  push image</p>
  
  <p>-SEND BUTTON-</p>