js获取RadioButtonList的Value/Text及选中值等信息实现代码


Posted in Javascript onMarch 05, 2013

HTML代码

<asp:RadioButtonList ID="rbtnCompany" runat="server" 
RepeatColumns="4" RepeatDirection="horizontal"> 
<asp:ListItem Value="1" Text="A"></</SPAN>asp:ListItem> 
<asp:ListItem Value="2" Text="B"></</SPAN>asp:ListItem> 
<asp:ListItem Value="3" Text="C"></</SPAN>asp:ListItem> 
<asp:ListItem Value="4" Text="D"></</SPAN>asp:ListItem> 
<asp:RadioButtonList> 
<input id="Button1" type="button" value="button" onclick="return RadioButtonList1Changed()"

JS代码:
function RadioButtonList1Changed() 
{ 
var rbtn = document.getElementByIdx_x("rbtnCompany"); 
//得到所有radio 
var list= rbtn .getElementsByTagName_r("input"); 
for (var i = 0; i < list.length; i++) { 
if (vRbtidList[i].checked) { 
var text = rbtn .cells[i].innerText; 
var value = list[i].value; 
alert("选中项的text值为" + text + ",value值为" + value); 
} 
} 
}

可以指定获取某个值 ,下面的语句是合并写的。获取索引为0的第一项的value
alert(document.getElementByIdx_x("rbtnCompany").getElementsByTagName_r("input")[0].value);//结果为1
Javascript 相关文章推荐
用Javascript读取中文COOKIE的解决办法
Feb 15 Javascript
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 Javascript
js使用函数绑定技术改变事件处理程序的作用域
Dec 26 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
jquery实现文本框textarea自适应高度
Mar 09 Javascript
jQuery简易时光轴实现方法示例
Mar 13 Javascript
使用html+js+css 实现页面轮播图效果(实例讲解)
Sep 21 Javascript
详解webpack4多入口、多页面项目构建案例
May 25 Javascript
Angular中使用ng-zorro图标库部分图标不能正常显示问题
Apr 22 Javascript
微信小程序动画组件使用解析,类似vue,且更强大
Aug 01 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
Nov 11 Javascript
微信小程序canvas实现签名功能
Jan 19 Javascript
jQuery Deferred和Promise创建响应式应用程序详细介绍
Mar 05 #Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
Mar 05 #Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 #Javascript
js日期时间补零的小例子
Mar 05 #Javascript
6款新颖的jQuery和CSS3进度条插件推荐
Mar 05 #Javascript
html超链接打开窗口大小的方法
Mar 05 #Javascript
js关闭当前页面(窗口)的几种方式总结
Mar 05 #Javascript
You might like
介绍几个array库的新函数 php
2006/12/29 PHP
探讨GDFONTPATH能否被winxp下的php支持
2013/06/21 PHP
Yii使用CLinkPager分页实例详解
2014/07/23 PHP
ThinkPHP分页实例
2014/10/15 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
PHP中将一个字符串部分字符用星号*替代隐藏的实现代码
2019/09/08 PHP
node.js中的http.request方法使用说明
2014/12/14 Javascript
JavaScript实现简单Tip提示框效果
2016/04/20 Javascript
必备的JS调试技巧汇总
2016/07/20 Javascript
AngularJS基础 ng-include 指令简单示例
2016/08/01 Javascript
js 轮播效果实例分享
2016/12/28 Javascript
浅谈键盘上回车按钮的js触发事件
2017/02/13 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
Mint UI实现A-Z字母排序的城市选择列表
2018/12/28 Javascript
VUE实现图片验证码功能
2020/11/18 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
js在HTML的三种引用方式详解
2020/08/29 Javascript
jQuery实现本地存储
2020/12/22 jQuery
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
使用python Django做网页
2013/11/04 Python
python字符串编码识别模块chardet简单应用
2015/06/15 Python
python爬虫headers设置后无效的解决方法
2017/10/21 Python
python正则表达式re之compile函数解析
2017/10/25 Python
Python编程pygal绘图实例之XY线
2017/12/09 Python
django 多数据库配置教程
2018/05/30 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
Python守护进程实现过程详解
2020/02/10 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
泰国第一在线超市:Tops
2021/02/13 全球购物
巡警年度自我鉴定
2014/02/21 职场文书
满月酒主持词
2014/03/27 职场文书
汽车4S店销售经理岗位职责
2015/04/02 职场文书
行政申诉状范文
2015/05/20 职场文书
javascript之Object.assign()的痛点分析
2022/03/03 Javascript