海西数据

韩国服务器,美国服务器,香港服务器,台湾服务器,日本服务器,美国空间,马来西亚,新加坡服务器,海外服务器租用

« 马来西亚机房直销页面美工设计需要注意的几点 »

js获取radio的值代码详解

由于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中的值了。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 100427

Copyright 海西数据-万纵科技 xmwzidc.cn. ALL Rights Reserved