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 hasOwnProperty 方法 &amp; in 关键字
Nov 26 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
jsPDF生成pdf后在网页展示实例
Jan 16 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
使用JQ完成表格隔行换色的简单实例
Aug 25 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
JavaScript使用math.js进行精确计算操作示例
Jun 19 Javascript
Phaser.js实现简单的跑酷游戏附源码下载
Oct 26 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
js指定日期增加指定月份的实现方法
Dec 19 Javascript
微信小程序 轮播图实现原理及优化详解
Sep 29 Javascript
JS如何把字符串转换成json
Feb 21 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
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
javascript 客户端验证上传图片的大小(兼容IE和火狐)
2009/08/15 Javascript
JQuery中的ready函数冲突的解决方法
2010/05/17 Javascript
JavaScript多线程详解
2015/08/12 Javascript
js添加事件的通用方法推荐
2016/05/15 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
2016/05/21 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
通过javascript进行UTF-8编码的实现方法
2016/06/27 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
JavaScript+CSS相册特效实例代码
2017/09/07 Javascript
解决Vue不能检测数组或对象变动的问题
2018/02/24 Javascript
微信小程序自定义联系人弹窗
2020/05/26 Javascript
Python爬虫框架Scrapy安装使用步骤
2014/04/01 Python
Python中的列表生成式与生成器学习教程
2016/03/13 Python
Python 类与元类的深度挖掘 I【经验】
2016/05/06 Python
python使用正则表达式匹配字符串开头并打印示例
2017/01/11 Python
pyqt5自定义信号实例解析
2018/01/31 Python
如何用C代码给Python写扩展库(Cython)
2019/05/17 Python
详解python和matlab的优势与区别
2019/06/28 Python
python线程安全及多进程多线程实现方法详解
2019/09/27 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
Django跨域请求原理及实现代码
2020/11/14 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
canvas实现图片马赛克的示例代码
2018/03/26 HTML / CSS
5 个强大的HTML5 API 函数推荐
2014/11/19 HTML / CSS
英国男女奢华内衣和泳装购物网站:Figleaves
2017/01/28 全球购物
毕业研究生的自我鉴定
2013/11/30 职场文书
趣味运动会活动方案
2014/02/12 职场文书
《画家乡》教学反思
2014/04/22 职场文书
岗位说明书范文
2014/05/07 职场文书
企业晚会策划方案
2014/05/29 职场文书
班级出游活动计划书
2014/08/15 职场文书
小学生关于梦想的演讲稿
2014/08/22 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
win11无法添加打印机怎么办? 提示windows无法打开添加打印机的解决办法
2022/04/05 数码科技