[help] Option Box select

[csj]

I am not very familiar with JavaScript and I'm not sure if what I need uses JS. But let me ask anyway.

I have a form with "option boxes" and next to each option box I have an image. When you click on a specific image it will "select" the corresponding option box.
(It has to be a radio option box. I CANT use a checkbox)

I hope this problem is clear, Is there a way of doing this? I would be so grateful for any help or tips!

[the DtTvB]

No, JavaScript is not needed. Use label!

<input type="radio" id="radio1" ...... /> <label for="radio1"><img ........ /></label>

[csj]

Thanks for the reply!

I'm not sure how the label thing works? How do I now click on the image so it selects the radio button?

[csj]

Is this function available for images? Doesn't it only work for text?

[the DtTvB]

<!-- So here is the radio box... I specify its ID. -->
<input type="radio" id="radioone" />

<!-- And this label is for the input with id "radioone". -->
<label for="radioone"><img src="-ARTICLES-IMAGES-/windows3.jpg" alt="..." /></label>

<!-- So clicking on it means clicking the radio. />

[muazzez]

  
<script type="text/javascript">

window.onload = function (){
var el, i = 0;
while(el = document.getElementsByName('imgname')[i++]){
el.onclick = function() {this.previousSibling.checked= true;}
}
}
</script>
<input type="radio" name="radioname" id="rad0" ><img name="imgname" src="http://www.sitepoint.com/forums/image.php?u=29384&dateline=1077457902"><br>
<input type="radio" name="radioname" id="rad1" ><img name="imgname" src="http://www.sitepoint.com/forums/image.php?u=97648&dateline=1168529180"><br>
<input type="radio" name="radioname" id="rad2" ><img name="imgname" src="http://www.sitepoint.com/forums/image.php?u=136457&dateline=1177766790"><br>

[siteguru]

Is this function available for images? Doesn't it only work for text?

Did you try it?

[csj]

Thanks for the replies!! I sorted this problem out by just using a simple onclick function on the pic.