思路：在html中获取被选中的radio的值，即用getElementsByName() 方法可返回带有指定名称的对象的集合进行判断。
步骤如下：
radio代码片断：
定义两个单选按钮<input type="radio" name="a1" value="1"/>正确
<input type="radio" name="a1" value="0" />错误
js代码如下：
var b1= documentgetElementsByName('a1'); ‘取得单选按钮的数组
for (var i = 0; i < b1length; i++) {
if (b1[i]checked == true) {//如果选中，下面的alert就会d出选中的值
alert(b1[i]value); ’d出取得的数据
}
}
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
documentgetElementsByName(name)
该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。
另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。
要判断下是否CHECKED了
var rado=documentgetElementById('radios');
if(radochecked) alert(radovalue);
<html>
<head>
<title>对象</title>
</head>
<body>
<input type="radio" name="money" value="1"><label id="label_1">1-10 岁</label>
<input type="radio" name="money" value="2"><label id="label_2">11 岁</label>
<input type="radio" name="money" value="3"><label id="label_3">12-120 岁</label>
<input type="button" onclick="getRadioValue()" value="测试选择值">
</body>
<script type="text/javascript">
function getRadioValue(){
var zoneNames=documentgetElementsByName("money");
var myvalue="";
for(var i=0;i<zoneNameslength;i++){
var zoneName=zoneNames[i];
if(zoneNamechecked){
myvalue=zoneNamevalue;
alert(documentgetElementById("label_"+myvalue)innerHTML );
}
}
}
</script>
</html>
实例1：
获取一组单选按钮对象：var obj_payPlatform = $('#wrap input[name="payMethod"]');
获取被选中按钮的值 ：var val_payPlatform = $('#wrap input[name="payMethod"]:checked ')val();
实例2：
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：
获取某个radio的值的代码如下：
遍历name为testradio的所有radio代码如下：
取具体某个radio的值，比如第二个radio的值，代码如下：
你tj这个方法里写错了，documentgetElementsByName()得到的是name相同的4个rando，所以不能直接用value得到值，修改下面这两行：
var zzaa1 = documentgetElementsByName('a1')value;
var zzaa2 = documentgetElementsByName('a2')value;
改成：
var zzaa1 = "";
var rad1 = documentgetElementsByName("a1");
if(rad1length>0){
for(var i=0;i<rad1length;i++){
if(rad1[i]checked){
zzaa1 = rad1[i]value;
}
}
}
var zzaa2 = "";
var rad2 = documentgetElementsByName("a2");
if(rad2length>0){
for(var i=0;i<rad2length;i++){
if(rad2[i]checked){
zzaa2 = rad2[i]value;
}
}
}
其它代码不变，OK，完成。
<INPUT id="Radio1" type="radio" value="fasd" name="RadioGroup" onclick="alert(thisvalue);">
-------------------------
补充：
你可以试着这样做
当你动态添加控件的时候为每个radio添加一个onclick事件，事件的内容是把自己的value给一个hidden，然后直接点按钮的时候取那个hidden的值就行了。
---------------
再次补充：
是的，不然你就遍历一次就好了，其实客户端遍历是很快的事情，不用考虑效率问题。
以上就是关于js判断radio是不是选中并取值全部的内容，包括:js判断radio是不是选中并取值、js获取radio的值、js怎么获取radio后面标签的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）