Image Radio Buttons


<script type="text/javascript">
<!--
// Jeff
// www.huntingground.freeserve.co.uk

images=new Array()
images[0]=new Array("unselected1.gif","selected1.gif")
images[1]=new Array("unselected2.gif","selected2.gif")
images[2]=new Array("unselected3.gif","selected3.gif")
images[3]=new Array("unselected4.gif","selected4.gif")
images[4]=new Array("unselected5.gif","selected5.gif")

lastNum=0

function imgRad(num){

document.forms["img_rads"]["r1"][num].checked=true
document.images["p"+num].src = images[num][1]

if(lastNum != num){
document.images["p"+lastNum].src =  images[lastNum][0]
} 

lastNum = num

alert("Radio value = "+document.forms["img_rads"]["r1"][num].value)
}

// -->
</script>

<div style="display:none">
<form name="img_rads">
<input type="radio" name="r1" value="1">
<input type="radio" name="r1" value="2">
<input type="radio" name="r1" value="3">
<input type="radio" name="r1" value="4">
<input type="radio" name="r1" value="5">
</form>
</div>

1 <img src="unselected1.gif" name="p0" onclick="imgRad(0)"> 
2 <img src="unselected2.gif" name="p1" onclick="imgRad(1)"> 
3 <img src="unselected3.gif" name="p2" onclick="imgRad(2)"> 
4 <img src="unselected4.gif" name="p3" onclick="imgRad(3)"> 
5 <img src="unselected5.gif" name="p4" onclick="imgRad(4)">
Multiple Images
