龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

js获取radio的值代码详解

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
由于radio的特殊性我们不能像input一样利用常规的方法来获取radio值,下面本文章来详细的介绍一下关于如何利用javascript来获取radio值的实现。 把radio的input放在form中, form name=theform inp
由于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中的值了。


精彩图集

赞助商链接