建站教学网,让你建站更便捷和轻松!
您当前的位置:首页 > 网页制作 > Javascript/Ajax
js获取radio的值代码详解
来源:建站教学网  时间:2012-05-19 19:15:29

由于radio的特殊性我们不能像input一样利用常规的方法来获取radio值,下面本文章来详细的介绍一下关于如何利用javascript来获取radio值的实现。

把radio的input放在form中,

<form name=theform>

<input type=text name=input1 value="test">

<input type=radio name="a[]" value="0" checked>选择1
<input type=radio name="a[]" value="1">选择2

</form>

实例1

==javascript读取radio的值==

 
function radiogroup()
{

        for(var i=0;i<formobj.a.length;i++){  
           if(formobj.a[i].checked){
             alert("单选框选中: " + formobj.a[i].value);
             return true;
            }
        }
        alert("单选框未选中");
        return false;
        }
</script>
 


实例2

用户点击当前radio实现读取当前radio值

 
<script type="text/javascript" language="javascript">
function Permissions(obj)
{
var radioss= obj.value
alert(radioss);
}
</script>
</head>
<body>
<input type="radio" id="radios" name="radios" value="0" onclick="Permissions(this)" >Admin
<input type="radio" id="radios" name="radios" value="1" onclick="Permissions(this)">User
 


实例3

==设置radio哪个被选中==

 
<script>

function setradio(v)
{
robj=document.form1.radioname;
for(i=0;i<robj.length;i++){
if(robj[i].value==v){
 robj[i].checked=true;
}
}
}
</script>
 

编辑总结:
我们看到最关键的一句是

 
if(formobj.a[i].checked){
      alert("单选框选中: " + formobj.a[i].value);
      return true;
}

formojb是我们要定义的表单名字,这个一定要和js中的一样,然后a是我们多个radio名以a[]这种形式,a[i]指的是第几个radio的 formobj.a[i].value 这句是关键这中的关键了就是获取formobj.a[i].value中的值了。

责任编辑:admin

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
CopyRight 2008-2009, chenwenguang.cn, Inc. All Rights Reserved
皖ICP备09015033号