javascript 怎么获得单选框值

JavaScript027

javascript 怎么获得单选框值,第1张

1、 给单选框设置相应的 name

2、 获取所有的单选框,循环判断,示例代码如下:

// 获取指定 name 的单选框的值

function getValueForRadio(name) {

    // 获取所有的 input 元素

    var nodes = document.getElementsByTagName('input')

    // 循环判断

    for (var i=0 i<nodes.length i++) {

        // 如果类型是 radio,name 也符合要求,而且也被选中了

        if (nodes[i].type==='radio' && nodes[i].name===name && nodes[i].checked) {

            //返回相应的值

            return nodes[i].value

        }

    }

}

3、 在你需要的地方,用合适的参数调用上面的函数 getValueForRadio 即可。

以上,请采纳,请给分。

<!DOCTYPE html>

<html>

<head>

   <meta charset="UTF-8">

   <title>js检测Radio选中</title>

</head>

<body>

   <label>

       <input type="radio" value="0" name="switch">关

   </label>

   <label>

       <input type="radio" value="1" name="switch" checked>开

   </label>

   

   <p id="result">        

       当前选中的 radio 值为:<b></b>

       <button onclick="checkRadio()">检测 Radio</button>

   </p>

   <script>

       var radios = document.querySelectorAll('input[type="radio"]'),

           result = document.querySelector('#result > b')

       function checkRadio() {

           for (var i = 0 i < radios.length i++) {

               if (radios[i].checked) {

                   result.innerHTML = radios[i].value

               }

           }

       }

   </script>

</body>

</html>