在表格中实现一列单选
HTML
如果在ASP.NET中想实现,只要把rowIndex-1的值保存在一个隐藏的文本框中,在代码中获取该值即可。
1<table border=1 id="tbale1" algin="center">
2<tr>
3<td align=center width="50"><input type=radio value="SHOW"onclick="getID(this);"></td>
4</tr>
5<tr>
6<td align=center><input type=radio value="SHOW"onclick="getID(this);"></td>
7</tr>
8<tr>
9<td align=center><input type=radio value="SHOW"onclick="getID(this);"></td>
10</tr>
11<tr>
12<td align=center><input type=radio value="SHOW"onclick="getID(this);"></td>
13</tr>
14</table>
JavaScript2<tr>
3<td align=center width="50"><input type=radio value="SHOW"onclick="getID(this);"></td>
4</tr>
5<tr>
6<td align=center><input type=radio value="SHOW"onclick="getID(this);"></td>
7</tr>
8<tr>
9<td align=center><input type=radio value="SHOW"onclick="getID(this);"></td>
10</tr>
11<tr>
12<td align=center><input type=radio value="SHOW"onclick="getID(this);"></td>
13</tr>
14</table>
1<SCRIPT>
2function getID(oObject)
3{
4 var tb = oObject.parentElement.parentElement.parentElement.parentElement;
5 var rowIndex = oObject.parentElement.parentElement.rowIndex;
6 var rowcount = oObject.parentElement.parentElement.parentElement.parentElement.rows.length;
7 for(var i=0; i< rowcount;i++)
8 {
9 for(var k=0; k<tb.rows[i].cells[0].children.length; k++)
10 {
11 if(tb.rows[i].cells[0].children[k].type == "radio")
12 {
13 tb.rows[i].cells[0].children[0].checked= false;
14 }
15 }
16 }
17 oObject.checked = true;
18}
19</SCRIPT>
2function getID(oObject)
3{
4 var tb = oObject.parentElement.parentElement.parentElement.parentElement;
5 var rowIndex = oObject.parentElement.parentElement.rowIndex;
6 var rowcount = oObject.parentElement.parentElement.parentElement.parentElement.rows.length;
7 for(var i=0; i< rowcount;i++)
8 {
9 for(var k=0; k<tb.rows[i].cells[0].children.length; k++)
10 {
11 if(tb.rows[i].cells[0].children[k].type == "radio")
12 {
13 tb.rows[i].cells[0].children[0].checked= false;
14 }
15 }
16 }
17 oObject.checked = true;
18}
19</SCRIPT>
如果在ASP.NET中想实现,只要把rowIndex-1的值保存在一个隐藏的文本框中,在代码中获取该值即可。