Posted by Jonathan N. Little on 09/19/05 18:16

w.bristow@rchl.org.uk wrote:
> I am hoping that someone can clear this little problem up. I have a web
> page written in html, which has radio buttons on it with images next to
> them. The page itself works fine and the form sends the correct
> information through to next page, what I want to be ablt to do is
> instead of just being able to click over the radio button to check it,
> I want to be able to click on the image aswell to check the radio
> button. Radio button and image are within table in different cells (not
> sure if that has any significance with any scripting you give me).
>
> Hope someone out there has come across this before, or knows how to do
> it.
>

Put images inside a LABEL element for RADIO. Labels are attached by ID,
I would still use text in label as well

<input type="radio" name="myChoice" id="choiceY" value="yes">
<label for="choiceY"><img src="yes.jpg" alt="Yes"></label>

<input type="radio" name="myChoice" id="choiceN" value="no">
<label for="choiceN"><img src="no.jpg" alt="No"></label>


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]