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 相关文章推荐
理清apply(),call()的区别和关系
Aug 14 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
Aug 31 Javascript
JS实现的RGB网页颜色在线取色器完整实例
Dec 21 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
一个简易的js图片轮播效果
Jul 22 Javascript
javascript变量提升和闭包理解
Mar 12 Javascript
Vue2.0 实现移动端图片上传功能
May 30 Javascript
JS监听滚动和id自动定位滚动
Dec 18 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
May 09 Javascript
JavaScript直接调用函数与call调用的区别实例分析
May 22 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
php strnatcmp()函数的用法总结
2013/11/27 PHP
destoon数据库表说明汇总
2014/07/15 PHP
PHP安装memcached扩展笔记
2015/05/28 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
js实现addClass,removeClass,hasClass的函数代码
2011/07/13 Javascript
js 通用javascript函数库整理
2011/08/14 Javascript
Javascript 按位左移运算符使用介绍(
2014/02/04 Javascript
js判断手机和pc端选择不同执行事件的方法
2015/01/30 Javascript
jQuery功能函数详解
2015/02/01 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
Node.js学习入门
2017/01/03 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
原生js实现下拉框选择组件
2021/01/20 Javascript
Python读取Excel的方法实例分析
2015/07/11 Python
Linux系统上Nginx+Python的web.py与Django框架环境
2015/12/25 Python
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
python链接oracle数据库以及数据库的增删改查实例
2018/01/30 Python
Python中bisect的使用方法
2019/12/31 Python
python实现在一个画布上画多个子图
2020/01/19 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
雅诗兰黛澳大利亚官网:Estée Lauder澳大利亚
2019/05/31 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
类的返射机制中的包及核心类
2016/09/12 面试题
酒店管理专业学生求职信
2013/09/27 职场文书
水电工岗位职责
2014/02/12 职场文书
商务英语专业毕业生求职信
2014/07/06 职场文书
代收款委托书范本
2014/10/01 职场文书
小学运动会报道稿
2014/10/04 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
医学生自荐信范文(2016精选篇)
2016/01/28 职场文书
一文弄懂MySQL索引创建原则
2022/02/28 MySQL