js获取RadioButtonList的Value/Text及选中值等信息实现代码

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

您可能感兴趣的文章:

• js实现动态改变radio状态的方法
• JS实现点击Radio动态更新table数据
• js实现的简单radio背景颜色选择器代码
• js实现表单Radio切换效果的方法
• JS实现的radio图片选择按钮效果
• 纯JS打造网页中checkbox和radio的美化效果
• javascript radio 联动效果
• js获取 type=radio 值的方法
• 利用JavaScript更改input中radio和checkbox样式
• 原生javascript自定义input[type=radio]效果示例