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 相关文章推荐
JQuery一种取同级值的方式(比如你在GridView中)
Mar 15 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
JavaScript中使用数组方法汇总
Feb 16 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
Feb 17 Javascript
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
Jul 31 Javascript
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
vue实现与安卓、IOS交互的方法
Nov 02 Javascript
JavaScript深入V8引擎以及编写优化代码的5个技巧
Jun 24 Javascript
基于vue手写tree插件的那点事儿
Aug 20 Javascript
JS 5种遍历对象的方式
Jun 16 Javascript
详解vue3.0 diff算法的使用(超详细)
Jul 01 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中用foreach来操作数组的代码
2011/07/17 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
php模拟登陆的实现方法分析
2015/01/09 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
巧妙破除网页右键禁用的十大绝招
2006/08/12 Javascript
Hutia 的 JS 代码集
2006/10/24 Javascript
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
Web开发之JavaScript
2012/03/29 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战二)
2013/08/21 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
2014/06/09 Javascript
js制作简易年历完整实例
2015/01/28 Javascript
.NET微信公众号开发之创建自定义菜单
2015/07/16 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
2016/03/08 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
2016/03/16 Javascript
js字符串截取函数slice、substring和substr的比较
2016/05/17 Javascript
javascript读取文本节点方法小结
2016/12/15 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
JavaScript中的工厂函数(推荐)
2017/03/08 Javascript
Vue2.0 http请求以及loading展示实例
2018/03/06 Javascript
vuejs 切换导航条高亮(路由菜单高亮)的方法示例
2018/05/29 Javascript
Vue.js的复用组件开发流程完整记录
2018/11/29 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
跨平台python异步回调机制实现和使用方法
2013/11/26 Python
Python读写文件方法总结
2015/06/09 Python
Python 探针的实现原理
2016/04/23 Python
Python日期时间Time模块实例详解
2019/04/15 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
python压包的概念及实例详解
2021/02/17 Python
医药代表个人求职信范本
2013/12/19 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
创业计划书之干洗店
2019/09/10 职场文书
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL
Python音乐爬虫完美绕过反爬
2021/08/30 Python
http通过StreamingHttpResponse完成连续的数据传输长链接方式
2022/02/12 Python