backcg1
08-18-2004, 01:33 PM
i have a table with a set of radio buttons on each row. Each radio button is in it's own cell. I would like to enlarge the hit area of the radio buttons by using javascript to use an onclick event in the <td> element where if the user clicks anywhere in that cell, that cell's radio button is selected. I tried this and there was a script error and did not work. Do onclick event on <td> elements not work? Is there a better way to enlarge the hit area of a radio button? any help would be appreciated, thanks!
-Cris
here's some quick summary code of what i tried, don't mind the syntax:
<td onClick="selectRD('radioid1')">
<input type="radio" name="rd" id="rd1" value="1">radio 1
</td>
...javascript>
function selectRD(id){
document.getElementById(id).checked = true;
}
-Cris
here's some quick summary code of what i tried, don't mind the syntax:
<td onClick="selectRD('radioid1')">
<input type="radio" name="rd" id="rd1" value="1">radio 1
</td>
...javascript>
function selectRD(id){
document.getElementById(id).checked = true;
}