2

2列のHTMLテーブルがあり、そのうち1列はhsaラジオボタンです。ラジオを選択するには、ラジオ ボタン自体をクリックする必要があります。ラジオ セル () またはその行 () のどこかをクリックすると、ラジオ ボタンが選択されるようにするにはどうすればよいですか?

コードは次のとおりです。

<tr>                     
<TD><INPUT type="radio" name="Radios" value="someValue"></td> 
<TD>someValue</td> 
</tr>

前もって感謝します。

4

2 に答える 2

0

clickINPUT子要素を呼び出す行にクリックイベントハンドラーを置くと、うまくいきます。ここで試してみてください: http://jsfiddle.net/59p9s/

<script type="text/javascript">
function handleRadioRow() {
    var t = event.target;
    if (t.tagName.toUpperCase() == "INPUT")
        return;
    while (t.tagName.toUpperCase() != "TR")
        t = t.parentElement;
    var r = t.getElementsByTagName("input")[0];
    r.click();
}
</script>

<table>
  <tr onclick="handleRadioRow()" style="cursor: pointer;">
    <TD><INPUT type="radio" name="Radios" value="someValue"></td> 
    <TD>someValue</td> 
  </tr>
  <tr onclick="handleRadioRow()" style="cursor: pointer;">
    <TD><INPUT type="radio" name="Radios" value="someValue"></td> 
    <TD>someValue</td> 
  </tr>
</table>
于 2012-08-31T12:55:46.013 に答える