在表格中实现一列单选

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 >
 2 function  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的值保存在一个隐藏的文本框中，在代码中获取该值即可。

转载于:https://www.cnblogs.com/timsoft/articles/633232.html