如何获取Web页面中radio按钮的值

如果在web页面的表单(表单名form1)里用了一组radio按钮,起名为button1。
要从js中取得被选中按钮对应的值,可按以下方法:
<script language=javascript>
function getRadioValue()
{
    var str;
    for(i=0;i<document.form1.button1.length;i++)
    {
        if (document.form1.button1[i].checked)
        str=document.form1.button1[i].value;








    }
}
</script>

这里的radio名button1就相当一个数组名










相关的例子:
<input type="radio" name="RadioButtn" value="A" checked>One<br> <input type="radio" name="RadioButtn" value="B">Two<br> <input type="radio" name="RadioButtn" value="C">Three<br> <input type="radio" name="RadioButtn" value="D">Four 所有的4个单选按钮对象有同一个名字:RadioButtn,这样一来,
HTML和JavaScript就知道它们是同一个数组里的对象。其次,
每个选项的值是选项的别名,并不是看到的文字(例如“One”、“Two”等)。

为了得到选择的选项的值,首先要知道哪个选项被选中了,然后在alert语句中,
用那个选中的选项的下标值来正确地引用当前选项的值。也就是说,
如果第一个选项被选中,你应该取RadioButtn[0].value,如果第二个选项被选中,
你就应该取RadioButtn[1].value,依此类推。

在JavaScript中,某些类型的域具有selectedIndex属性,
代表当前选中选项的数组下标值。然而单选按钮并不是那么幸运,
同样,复选框也没能逃脱厄运。要想得到当前选中的单选按钮的值,
你必须在RadioButtn数组元素中查找“checked”属性。

下面是按钮的代码:

var doc = document.forms[0];
for(i = 0; i < doc.RadioButtn.length; i++)
{
 if(doc.RadioButtn[i].checked)
 {
 alert(doc.RadioButtn[i].value);
 break;
 }
}
相关文章的连接:http://www-900.ibm.com/developerWorks/cn/lotus/lo-jsobj/index.shtml

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值