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 相关文章推荐
js中点击空白区域时文本框与隐藏层的显示与影藏问题
Aug 26 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
原生javascript实现Tab选项卡切换功能
Jan 12 Javascript
JavaScript DOM基础
Apr 13 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
javascript表单处理具体实现代码(表单、链接、按钮)
May 07 Javascript
理解javascript中的Function.prototype.bind的方法
Feb 03 Javascript
详解JSONObject和JSONArray区别及基本用法
Oct 25 Javascript
小程序实现多选框功能
Oct 30 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
vue使用video插件vue-video-player详解
Oct 23 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:风雨欲来 路在何方?
2006/10/09 PHP
PHP实现MVC开发得最简单的方法――模型
2007/04/10 PHP
一个简单安全的PHP验证码类 附调用方法
2016/06/24 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
PHP 记录访客的浏览信息方法
2018/01/29 PHP
JSON PHP中,Json字符串反序列化成对象/数组的方法
2018/05/31 PHP
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
2009/08/15 Javascript
javascript中的array数组使用技巧
2010/01/31 Javascript
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
Ubuntu系统下Angularjs开发环境安装
2016/09/01 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
js仿小米手机上下滑动效果
2017/02/05 Javascript
基于bootstrap写的一点localStorage本地储存
2017/11/21 Javascript
JavaScript实现数字前补“0”的五种方法示例
2019/01/03 Javascript
vuex实现的简单购物车功能示例
2019/02/13 Javascript
js canvas实现俄罗斯方块
2020/10/11 Javascript
如何用itertools解决无序排列组合的问题
2017/05/18 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
如何使用Python破解ZIP或RAR压缩文件密码
2020/01/09 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
详解python对象之间的交互
2020/09/29 Python
Python基于callable函数检测对象是否可被调用
2020/10/16 Python
Python爬虫设置Cookie解决网站拦截并爬取蚂蚁短租的问题
2021/02/22 Python
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
升国旗演讲稿
2014/09/05 职场文书
2014年女职工工作总结
2014/11/27 职场文书
培训感想范文
2015/08/07 职场文书
看古人们是如何赞美老师的?
2019/07/08 职场文书
2019年圣诞节祝福语集锦
2019/12/25 职场文书
「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开
2022/03/21 日漫
Golang map映射的用法
2022/04/22 Golang
Python 一键获取电脑浏览器的账号密码
2022/05/11 Python
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS