js怎么获取radio后面标签的值

js怎么获取radio后面标签的值,第1张

<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>

看下是否JS是否冲突,命名方式有问题或者重名,把别的JS去掉一步步排除,每一行alert()一下,看在哪里卡住的。<br>你tj这个方法里写错了,documentgetElementsByName()得到的是name相同的4个rando,所以不能直接用value得到值,修改下面这两行:<br>var zzaa1 = documentgetElementsByName('a1')value;<br>var zzaa2 = documentgetElementsByName('a2')value;<br>改成:<br> var zzaa1 = "";<br> var rad1 = documentgetElementsByName("a1");<br> if(rad1length>0){<br> for(var i=0;i<rad1length;i++){<br> if(rad1[i]checked){<br> zzaa1 = rad1[i]value; <br> }<br> }<br> }<br> var zzaa2 = "";<br> var rad2 = documentgetElementsByName("a2");<br> if(rad2length>0){<br> for(var i=0;i<rad2length;i++){<br> if(rad2[i]checked){<br> zzaa2 = rad2[i]value; <br> }<br> }<br> }<br>其它代码不变,OK,完成。

<INPUT id="Radio1" type="radio" value="fasd" name="RadioGroup" onclick="alert(thisvalue);">

-------------------------

补充:

你可以试着这样做

当你动态添加控件的时候为每个radio添加一个onclick事件,事件的内容是把自己的value给一个hidden,然后直接点按钮的时候取那个hidden的值就行了。

---------------

再次补充:

是的,不然你就遍历一次就好了,其实客户端遍历是很快的事情,不用考虑效率问题。

documentgetElementById

是按照id属性取得页面html标签对象

使用他的前提是,标签属性中必须有id属性,并且该id属性是在当前网址唯一的(如果不是唯一,那只会取得相同id属性的第一个元素)

以上就是关于js怎么获取radio后面标签的值全部的内容,包括:js怎么获取radio后面标签的值、为什么我的JS函数总是读取不到 radio 中 选中项的值、JavaScript中如何取得单选框radio中被选中的(checked)的值(value)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9870367.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存