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 相关文章推荐
Gird事件机制初级读本
Mar 10 Javascript
js中格式化日期时间型数据函数代码
Nov 08 Javascript
使图片旋转的3种解决方案
Nov 21 Javascript
JavaScript 基础函数_深入剖析变量和作用域
May 18 Javascript
node.js缺少mysql模块运行报错的解决方法
Nov 13 Javascript
AngularJS实现表单验证功能
Jan 09 Javascript
JavaScript调试之console.log调试的一个小技巧分享
Aug 07 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
Vue.js中的computed工作原理
Mar 22 Javascript
使用Angular自定义字段校验指令的方法示例
Feb 01 Javascript
解决vue组件中click事件失效的问题
Nov 09 Javascript
关于uniApp editor微信滑动问题
Jan 15 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/12/05 PHP
PHP获取POST数据的几种方法汇总
2015/03/03 PHP
JavaScript 自动分号插入(JavaScript synat:auto semicolon insertion)
2009/11/04 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
JavaScript判断文件上传类型的方法
2014/09/02 Javascript
JavaScript实现数组随机排序的方法
2015/06/26 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
Angular2 环境配置详细介绍
2016/09/21 Javascript
微信小程序本作用域下调用全局JS详解及实例
2017/02/22 Javascript
Webpack实战加载SVG的方法
2017/12/26 Javascript
angular写一个列表的选择全选交互组件的示例
2018/01/22 Javascript
Node.js Windows Binary二进制文件安装方法
2019/05/16 Javascript
js数组中去除重复值的几种方法
2020/08/03 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
python防止随意修改类属性的实现方法
2019/08/21 Python
Python importlib动态导入模块实现代码
2020/04/16 Python
如何在django中运行scrapy框架
2020/04/22 Python
购买澳大利亚最好的服装和内衣在线:BONDS
2016/10/14 全球购物
优衣库英国官网:UNIQLO英国
2016/12/25 全球购物
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
荷兰最大的多品牌男装连锁店:Adam Brandstore
2019/12/31 全球购物
捷克购买家具网站:JENA nábytek
2020/03/19 全球购物
经贸韩语专业大学生职业规划
2014/02/14 职场文书
空中乘务员岗位职责
2014/03/08 职场文书
公司晚会策划方案
2014/05/17 职场文书
golang 实现两个结构体复制字段
2021/04/28 Golang
golang生成并解析JSON
2022/04/14 Golang