js获取RadioButtonList的Value/Text及选中值等信息实现代码
更新时间：2013年03月05日 15:09:27 作者：
RadioButtonList的Value,Text及选中值等信息想必有很多的朋友都想获取到，接下来将为你介绍下如何使用js获取，代码很详细，感兴趣的你可以参考下，或许对你有所帮助
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
复制代码 代码如下:
<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
您可能感兴趣的文章:
- Js得到radiobuttonlist选中值的两种方法(推荐)
- js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
- javascript RadioButtonList获取选中值
- js中获取jsp表单中radio类型的值简单实例
- JavaScript中获取Radio被选中的值
- js获取 type=radio 值的方法
- JS 如何获取radio选中后的值及不选择取radio的值
- 用js的for循环获取radio选中的值
- js 获取radio按钮值的实例
- 用 Javascript 验证表单(form)中的单选(radio)值
- javascript radio值获取代码
- JavaScript获取radio选中值的几种常用方法小结
相关文章
这篇文章主要介绍了JavaScript switch语句使用方法简介,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了JS全局变量和局部变量最新解析的相关知识，本文给给大家补充js删除局部变量的代码，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧2016-06-06
LRU（Least Recently Used）缓存淘汰算法是一种常见的缓存淘汰策略，它的核心思想是优先淘汰最近最少使用的缓存数据，以保证缓存中的数据始终是最热门的。本文主要介绍了一些关于如何实现LRU缓存淘汰算法的方法，感兴趣的小伙伴可以参考一下2023-04-04
这篇文章主要为大家详细介绍了小程序实现分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章主要介绍了编译打包video.js的方法，本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧2020-12-12
Js实现网页上的MD5加密功能，将文字转换为MD5字符，本代码调用简单，你可以新建一个网页，将此网页上传到你的服务器上，用户浏览网页，就可实现MD5加密转换功能，用户可方便查询任一字符的MD5码，很不错的功能2013-03-03
这篇文章主要介绍了通过实例了解JS 连续赋值,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
在 JavaScript 中,可以使用 sort() 方法对包含嵌套对象的数组进行排序,本文将通过三个简单的示例为大家进行简单的介绍,需要的可以参考下2024-03-03
前端一直是距离用户最近的一层,随着产品的日益完善,我们会更加注重用户体验,而前端异常却如鲠在喉,甚是烦人,下面这篇文章主要给大家推荐介绍了关于优雅处理前端异常的几种方式,需要的朋友可以参考下2022-08-08
下面小编就为大家带来一篇wap手机端解决返回上一页的js实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
最新评论