在表格中实现一列单选

HTML
 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>
JavaScript
 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>

如果在ASP.NET中想实现,只要把rowIndex-1的值保存在一个隐藏的文本框中,在代码中获取该值即可。
posted @ 2007-01-29 13:09  Tim工作室  阅读(622)  评论(0编辑  收藏  举报