javascript - 单选按钮的值

标签 javascript html

这是我的代码:

    <script>
    function myFunction() {
        var x;
        x = document.getElementById("numb2").value;
        document.write(x);
    }
    </script>
    ***
    <body>
    <form>
            <input  id = "numb2" value = "Male" type="radio">Male
            <input   id = "numb2" value= "Female" type="radio">Female
    </form>
  </body>

问题是无论我选择什么,我都会得到“男性”。

最佳答案

检查这个fiddle :

 <form>
        <input  name='sex' value = "Male" type="radio">Male
        <input  name='sex' value= "Female" type="radio">Female
 </form>

您必须使用 name 属性来实现此功能并循环遍历所有元素以检查选择了哪个单选元素,如下面的代码所示。

function myFunction() {
   var value = "NONE";
   var elems = document.getElementsByName("sex");
   for(var i = 0; i < elems.length; i++) {
       if(elems[i].checked) {
           value = elems[i].value;
           break;
       }
   }
   alert(value);
}

关于javascript - 单选按钮的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33312703/

相关文章:

html - 如何使用 CSS 在顶部和底部制作一个打开的盒子作为容器?

javascript - 羽毛应用程序未在本地主机 :3030 中启动

javascript - 如何使用 Leaflet 中的切换按钮过滤 geojson?

javascript - 将 JSON 对象字符串数组转换为 JS 对象数组

javascript - 当 Javascript 被禁用时,如何检测并警告用户?

jquery - 如何使用 jquery 向上移动 DOM

javascript - 使用 JSON 作为数据库的最佳方式?

javascript - 为什么 Array.Length = 1 当通过 ajax 将空数组传递给函数时?

html - 从 % 中减去 px 的 CSS calc() 将 px 值解释为 %

jquery - 在 Chrome 中动态调整 &lt;input&gt; 大小失败(适用于 IE/Firefox)