js获取RadioButtonList的Value/Text及选中值等信息实现代码
作者:
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选中值的几种常用方法小结