js获取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中的值了。

时间: 2024-09-20 00:56:15

js获取radio的值代码详解的相关文章

js 获取radio按钮值代码

单选 单选 单选 单选

js 获取radio按钮值的实例_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="

js 获取radio的值

其实js 获取radio的值是很简单的,如果是单选按钮组的话就遍历一次就行了,如果是单选的就直接判断.value就行了. <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh

Android 获取手机联系人实例代码详解_Android

我的风格,废话不多说了,直接给大家贴代码了. 具体代码如下所示: package com.org.demo.demo; import com.org.wangfeng.R; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.util.Log; import android.view.View; import android.widget.Butt

JS获取元素多层嵌套思路详解_javascript技巧

如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧. HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>元素多层嵌套,JS获取问题</title> </head> <body> <div

JS文本框默认值处理详解

以下代码是对JS文本框的默认值处理进行了介绍,需要的朋友可以参考下   复制代码 代码如下: <script type="text/javascript">        function txtFocus(el) {            if (el.defaultValue == el.value) { el.value = ''; el.style.color = '#000'; }        }        function txtBlur(el) {   

js获取 清空textarea值代码

js对textarea值的清空与获取值是非常简单的,我们只要给textarea设置一个页面唯的id再利用js document.getelementbyid(id).value就可以了,下面我们来看一个简单的实例. <input type="button" value="获取textarea值" onclick="get();"> <input type="button" value="清除text

jquery 获取父节点实现代码详解

在js中我们要获取父节点有很多办法,如 1)parentObj.firstChild:如果节点为已知节点(parentObj)的第一个子节点就可以使用这个方法.这个属性是可以递归使用的,也就是支持parentObj.firstChild.firstChild.firstChild...的形式,如此就可以获得更深层次的节点. (2)parentObj.lastChild:很显然,这个属性是获取已知节点(parentObj)的最后一个子节点.与firstChild一样,它也可以递归使用. 在使用中,

JS 正则表达式判断各个浏览器代码详解_正则表达式

注释都在代码里面了.很详细. 只判断了IE 火狐 谷歌 因为我没装其他浏览器了,所以呵呵.当然如果要判断其他浏览器.基本代码都是一样的了. 复制代码 代码如下: (function(){ window.sys={}; var ua=navigator.userAgent.toLowerCase(); //首先我们来看一下3个浏览器都返回了什么看下面. //ie ua=mozilla/4.0 (compatible; msie 8.0; windows nt 5.2; trident/4.0; q