maeve100
asked on
How do I make the image labels for a radio button clickable?
I have a simple table and form element set up with two radio buttons, and two Yes and No buttons next to each radio button. I would like to have the whole area of the image "clickable" to check the radio button. Open to any HTML, JavaScript, or CSS solutions :-).
<form ><table width="188" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20"><input type="radio" name="radio" id="radio1" value="radio"></td>
<td width="168"><img src="images/yes.gif" width="168" height="52" alt=""></td>
</tr>
<tr>
<td><input type="radio" name="radio" id="radio2" value="radio"></td>
<td><img src="images/no.gif" width="168" height="44" alt=""></td>
</tr>
</table></form>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER