当前位置:3d开机号和试机号今天 > 博客园 >在表格中实现一列单选

在表格中实现一列单选

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

3d开机号和试机号今天 www.jk1z4.cn 相关阅读:

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

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

  • 评论:
  • 赞助本站

发表一针见血的评论,你还等什么? ◎欢迎参与讨论,我的微信公众号是:www.jk1z4.cn
马开东博客赞助
  • 【在行动】渝北用大数据讲好“数字中国”故事 三年后将现“独角兽” 2018-12-02
  • 和公公结婚来规避“不能入学风险”福建龙岩回应 2018-11-29
  • 重庆“8D迷宫”楼走红  网友:住户能找到自己家吗 2018-11-12
  • 你所面临的除了再没利用价值的收回狗粮与制裁,还有国际的反腐制裁,反邪恶制裁。 2018-11-09
  • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2018-11-09
  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2018-10-27
  • 太原出台人才落户新规 子女父母均可随迁 2018-10-18
  • 3.4米剧毒眼镜王蛇闯入农户家中赖着不走 2018-10-18
  • “亲信干政”案核心人物崔顺实一审被判20年监禁 2018-10-13
  • 【学习时刻】清华大学周绍杰:坚定不移地贯彻落实新发展理念 2018-10-07
  • 迟子建《候鸟的勇敢》:白山黑水的苍凉,渐行渐近的夕阳 2018-10-07
  • 习近平与人民日报的10个故事 2018-09-30
  • 生姜祛寒止痛可缓解身体不适 但也要注意食用禁忌 2018-09-30
  • 国宝级黄腹角雉住进三清山 2018-09-24
  • 高清:创意十足!杭州萌娃毕业照留下成长足迹 2018-09-12
  • 506| 803| 905| 195| 895| 910| 423| 49| 485| 796|