using image instead of checkbox

[brown2005]

<form>

<input type='checkbox' name='cababge' value='1'>

<input type='checkbox' name='cababge' value='2'>

<input type='checkbox' name='cababge' value='3'>

</form>

 

I have the above form with checkboxes...

 

Wat i need to do is;

 

Make the 3 checkboxes as an image say image1.gif and when i select them they will be image2.gif but i want them to work simultaneously

[brown2005]

there is no way to modify the above, it is radio buttons i want not check buttons

[fenway]

I'm confused... what do you want to happen?

[brown2005]

instead of using radio buttons i want to use an image say if selected will have a tick in it and if not selected will have nothing. when i select 1 i want the other 2 to be not selected.

[ToonMariner]

You'll need a bit of javascript for this.

 

leave the radio buttons there - either hide them with display: none or place the images over them using relative positioning. Add the onclick event to the image and call a function that selects the radio button....

[dustinnoe]

Yes, use javascript, but first make your script functional with just html so that users with JS disabled will still have a functioning page.

[ToonMariner]

to re-inforce dustinnoe's comment - you should infact use javascript to show these images and place them over the radio buttons - that way if js is off the user will still be able to make a selection.