当前位置:首页 > 博客园 >在表格中实现一列单选

在表格中实现一列单选

  作者:Tim工作室   来源: 博客园-timsoft  
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的值保存在一个隐藏的文本框中,在代码中获取该值即可。

相关阅读:

来源:(微信/QQ:420434200,微信公众号:makaidong-com)
       欢迎分享本文,转载请保留出处!

       【原文阅读】:http://www.cnblogs.com/timsoft/articles/633232.html
没有了

  • 评论:
  • 赞助本站

发表一针见血的评论,你还等什么? ◎欢迎参与讨论,我的微信公众号是:makaidong-com
马开东博客赞助