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工具 Event封装
Aug 21 Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
Js的Array数组对象详解
Feb 22 Javascript
BootStrap入门教程(三)之响应式原理
Sep 19 Javascript
移动开发之自适应手机屏幕宽度
Nov 23 Javascript
最常见的左侧分类菜单栏jQuery实现代码
Nov 28 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
Mar 23 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
vue router 源码概览案例分析
Oct 09 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
星际原理概述
2020/03/04 星际争霸
PHP二维数组排序的3种方法和自定义函数分享
2014/04/09 PHP
关于PHP文件的自动运行方法分析
2016/05/13 PHP
php封装的smartyBC类完整实例
2016/10/19 PHP
PHP框架实现WebSocket在线聊天通讯系统
2019/11/21 PHP
Prototype Function对象 学习
2009/07/12 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
2013/01/04 Javascript
JS获取浏览器版本及名称实现函数
2013/04/02 Javascript
JavaScript中的typeof操作符用法实例
2014/04/05 Javascript
React中的render何时执行过程
2018/04/13 Javascript
详解微信小程序调起键盘性能优化
2018/07/24 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
2018/08/08 jQuery
React中this丢失的四种解决方法
2019/03/12 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
2019/04/08 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
uni-app使用countdown插件实现倒计时
2020/11/01 Javascript
[08:02]DOTA2牵红线 zhou神抱得美人归
2014/03/22 DOTA
Python语言的12个基础知识点小结
2014/07/10 Python
python中xrange用法分析
2015/04/15 Python
Python编程对列表中字典元素进行排序的方法详解
2017/05/26 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
python查找指定文件夹下所有文件并按修改时间倒序排列的方法
2018/10/21 Python
numpy concatenate数组拼接方法示例介绍
2019/05/27 Python
利用Python实现手机短信监控通知的方法
2019/07/22 Python
简单了解python调用其他脚本方法实例
2020/03/26 Python
详解HTML5中的manifest缓存使用
2015/09/09 HTML / CSS
中国跨境在线时尚零售商:Bellelily
2018/04/06 全球购物
银行毕业实习自我鉴定
2013/09/19 职场文书
质量管理标语
2014/06/12 职场文书
事业单位聘任报告
2015/03/02 职场文书
民事上诉状范文
2015/05/22 职场文书
小学数学教学随笔
2015/08/14 职场文书
python基于opencv批量生成验证码的示例
2021/04/28 Python
vue自定义右键菜单之全局实现
2022/04/09 Vue.js