javascript - 如何在 JSP 中为单选按钮选择单元格或行？

Question

我有一个包含 2 列的 HTML 表，其中 1 列 hsa 单选按钮。现在要选择一个收音机，我必须单击单选按钮本身。如果我单击单选单元格 () 上的任意位置或其行 () 上的任意位置，如何选择单选按钮？

这是代码：

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

提前致谢。

Answer 1

将您的文本放入此标签：

<label for="Radios">someValue</label>    

您必须将 id="radios" 添加到您的输入标签中

Answer 2

在调用click其 INPUT 子元素排序的行上放置一个单击事件处理程序。在这里试试：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>