赞助连接

赞助连接

阅 读 文 章

如何获取单选按钮组中被点选的<input type="radio">之标签文本,不是value,也不是id,是<input

[来源:网上转载 (CSDN转载) | 作者:网友(usernamegaorn) | 时间:2008-07-26 | 浏览:人次 ]

如何获取单选按钮组中被点选的<input   type="radio">之标签文本,不是value,也不是id,是<input>后面的汉字字符串?
"后面的汉字字符串"不属于radio标签  
  radio后面没有间隔的话用nextSibling.innerHTML  
  最好还是加个span或div标签
<div   id=" *** ">  
  <input   ...>  
  </div>  
  <script>  
  var   var_input   =   document.getElementById(' *** ');  
  alert(var_input.innerHTML);  
  </script>
<body>  
  <input   type="radio"   name="radio1"   value="1"/>一号  
  <input   type="radio"   name="radio1"   value="2"   />二号  
  <input   type="radio"   name="radio1"   value="3"/>三号  
  </body>  
   
  <script>  
  function   window.onload()  
  {  
  var   tempObj   =   document.all.item("radio1")[1];  
  for(var   i=0;i<tempObj.parentNode.childNodes.length;i++)  
  {  
  if(tempObj.parentNode.childNodes.item(i)   ==   tempObj   &&   tempObj.parentNode.childNodes.item(i+1)!=null)  
  {  
  alert(tempObj.parentNode.childNodes.item(i+1).nodeValue);  
  }  
  }  
  }  
  </script>  
 
说明    
  1.因为radio后面的文本属于TextNode,而不是HTML   Element.所以只能通过parentNode的childNodes来获取   HTML   ELEMENT和TextNode的集合.  
  2.获取childNodes后   遍历集合   找到radio后那么下一个TextNode就是你想要的.  
  3.当然读取radio下一个TextNode前你最好判断一下radio下面是否还存在Node,还有最好判断下nodeType是否为3,即TextNode.再通过nodeValue取值.  
   
  PS:记得给分
用这个例子可能会好理解点  
   
  <body>  
  <input   type="radio"   name="radio1"   value="1"   onclick="showText(this)"/>一号  
  <input   type="radio"   name="radio1"   value="2"   onclick="showText(this)"   />二号  
  <input   type="radio"   name="radio1"   value="3"   onclick="showText(this)"/>三号  
  </body>  
   
  <script>  
  function   showText(obj)  
论坛热门帖子: [lch203] 写得蛮好的linux学习笔记(10-21)
[黑马制造] 学习java的30个目标(10-19)
[笑傲股林] 做测试半年了,有点迷茫,应该再学些什么提高自己的测试水平和测试能力呢?(10-19)
[udp8589] 大家用google的来吱一声? 用百度的~~也来报道下?(10-18)
[沂偌掳兆] 本人总结的一些认为C++比较经典的书籍,希望对大家有用(10-18)
TAG标签: 不是 文本 汉字 面的 标签 字符串 按钮 获取 如何 radio

最新评论 共有0位网友发表了评论

发表评论

评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名:(注册)
密码:
验证码:
匿名发表

网站地图友情连接交流论坛网站投稿广告服务联系我们留言本站长统计
Some rights reserved: www.chmhome.com, 鄂ICP备07010232号 E-mail:chinakafei@live.com,QQ:552766
中国咖啡技术网(Chmhome):国外编程技术书籍,中文编程手册,经典编程文章,交流技术,技术软件下载,计算机论文,毕业论文.