Using images as radio buttons

[MazzaBee]

Hi all
Complete newbie. Have a table posing the question "Which do you like best"? Two possible responses. Want to replace radio buttons COMLETELY with images that represent those possible responses. With A LOT of help, I've done that using a "hidden" question (code below). It works - I've checked and clicking on one or other image indeed returns the corresponding value. As far as the user is concerned, however, nothing is happening. Not ideal.

I have two images for each choice - the originals that come up on page load, and a version of each with a big tick in the middle, which I would LIKE to come up onclick. Can anyone enlighten me on how to make it so that if CokeRange.jpg is clicked, CokeRangeClicke d.jpg shows and if PepsiRange.jpg is clicked, PepsiRangeClick ed.jpg shows - but that, like the radio buttons they are pretending to be, only one of the images remain with the big tick?

Here's the code:
[CODE=html]<input id="Q6_var" name="Q6_var" type="hidden" value="0">

<TABLE CELLPADDING="5" BORDER="0" width="100%">
<TR>
<TD>
<img src="[%GraphicsPath() %]CokeRange.jpg" alt="" border="1"
onclick="Q6_var .value=1;">
</TD>
<TD>
<img src="[%GraphicsPath() %]PepsiRange.jpg" alt="" border="1"
onclick="Q6_var .value=2;">
</TD>
</TR>
</TABLE>[/CODE]

[hsriat]

[html]
<script type="text/javascript">
function changeVal(value ) {
document.getEle mentById('Q6_va r').value = value;
var coke = document.getEle mentById('im1') ;
var pepsi = document.getEle mentById('im2') ;
coke.src = value==1 ? 'cokeRangeClick ed.jpg' : 'cokeRange.jpg' ;
pepsi.src = value==1 ? 'pepsiRange.jpg ' : 'pepsiRangeClic ked.jpg' ;
}
</script>
<input id="Q6_var" name="Q6_var" type="hidden" value="0">

<TABLE CELLPADDING="5" BORDER="0" width="100%">
<TR>
<TD>
<img id="im1" src="CokeRange. jpg" alt="" border="1"
onclick="change Val(1);">
</TD>
<TD>
<img id="im2" src="PepsiRange .jpg" alt="" border="1"
onclick="change Val(2);">
</TD>
</TR>
</TABLE>
[/html]

[MazzaBee]

Thank you very much!! I've checked the data, and the correct value is being set for the image chosen. A thing of beauty.

[hsriat]

Thank you very much!! I've checked the data, and the correct value is being set for the image chosen. A thing of beauty.

You are welcome. :)

But in future, do ask such questions in Javascript Forum. You may get more replies there.