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,实现插入排序实现代码
Jul 31 Javascript
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
Apr 07 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 Javascript
使用js解决由border属性引起的div宽度问题
Nov 26 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
一个不错的仿携程自定义数据下拉选择select
Sep 01 Javascript
Vue.js手风琴菜单组件开发实例
May 16 Javascript
微信小程序实现导航栏选项卡效果
Jun 19 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
vue之封装多个组件调用同一接口的案例
Aug 11 Javascript
基于Vant UI框架实现时间段选择器
Dec 24 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 模拟$_PUT实现代码
2010/03/15 PHP
PHP 动态随机生成验证码类代码
2010/04/09 PHP
ezSQL PHP数据库操作类库
2010/05/16 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
php获取textarea的值并处理回车换行的方法
2014/10/20 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
Javascript 对象的解释
2008/11/24 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
简单方法判断JavaScript对象为null或者属性为空
2014/09/26 Javascript
javascript实现全角与半角字符的转换
2015/01/07 Javascript
基于JavaScript实现随机颜色输入框
2016/12/10 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
解决npm安装Electron缓慢网络超时导致失败的问题
2018/02/06 Javascript
Vue解决echart在element的tab切换时显示不正确问题
2020/08/03 Javascript
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
python删除列表内容
2015/08/04 Python
python用10行代码实现对黄色图片的检测功能
2015/08/10 Python
Python实现Linux中的du命令
2017/06/12 Python
python中如何正确使用正则表达式的详细模式(Verbose mode expression)
2017/11/08 Python
python爬虫中get和post方法介绍以及cookie作用
2018/02/08 Python
python中如何使用分步式进程计算详解
2019/03/22 Python
Django 用户认证组件使用详解
2019/07/23 Python
浅析Python中字符串的intern机制
2020/10/03 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
大学生自我评价怎样写好
2013/10/23 职场文书
敬老文明号事迹材料
2014/01/16 职场文书
送餐员岗位职责范本
2014/02/21 职场文书
经济管理毕业生求职信
2014/03/15 职场文书
品牌宣传方案
2014/03/21 职场文书
授权委托书范文
2014/07/31 职场文书
乡镇2014法制宣传日活动总结
2014/11/01 职场文书
python用字节处理文件实例讲解
2021/04/13 Python