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 相关文章推荐
AutoSave/自动存储功能实现
Mar 24 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
Nov 14 Javascript
JS获得图片alt信息的方法
Apr 01 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
Angular表单验证实例详解
Oct 20 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
你可能不知道的JSON.stringify()详解
Aug 17 Javascript
详解vue.js之绑定class和style的示例代码
Aug 24 Javascript
解决iView中时间控件选择的时间总是少一天的问题
Mar 15 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
Node登录权限验证token验证实现的方法示例
May 25 Javascript
9个JavaScript日常开发小技巧
Oct 06 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实现无限级分类
2014/12/24 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
2006/06/26 Javascript
JQuery AJAX提交中文乱码的解决方案
2010/07/02 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
Javascript查询DBpedia小应用实例学习
2013/03/07 Javascript
js函数调用的方式
2014/05/06 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jQuery中:has选择器用法实例
2014/12/30 Javascript
详解js中构造流程图的核心技术JsPlumb
2015/12/08 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
浅谈javascript中的数据类型转换
2016/12/27 Javascript
javascript数据类型详解
2017/02/07 Javascript
React Native之ListView实现九宫格效果的示例
2017/08/02 Javascript
Vue渲染函数详解
2017/09/15 Javascript
JS实现二维数组横纵列转置的方法
2018/04/17 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
vue实现二级导航栏效果
2019/10/19 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
windows下wxPython开发环境安装与配置方法
2014/06/28 Python
python之wxPython应用实例
2014/09/28 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
python协程之动态添加任务的方法
2019/02/19 Python
关于Python作用域自学总结
2019/06/10 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
500行python代码实现飞机大战
2020/04/24 Python
使用tensorflow进行音乐类型的分类
2020/08/14 Python
Kmeans均值聚类算法原理以及Python如何实现
2020/09/26 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
CSS3实战第一波 让我们尽情的圆角吧
2010/08/27 HTML / CSS
英国高端食品和葡萄酒超市:Waitrose
2016/08/23 全球购物
土木工程师岗位职责
2013/11/24 职场文书
策划总监岗位职责
2014/02/16 职场文书
幼儿园家长寄语
2014/04/02 职场文书
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android