input框 type=radio,一个启用,一个禁用,怎么获取到值

图片说明
启用
禁用
两个input框,js怎么获取到值,并判断,将结果赋值给delete这个变量上,

修改如下:

 <html>
<head>
    <script type="text/javascript">
        function getRadioValue(){
            document.getElementById("test").onclick = function(){
                var radios = document.getElementsByName("all"),dele;
                for(var i = 0 ; i< radios.length;i++){
                    if(radios[i].checked == true){
                        if(radios[i].value=="启用"){
                            dele ="1";
                        }
                        if(radios[i].value=="未启用"){
                            dele ="0";
                        }
                        break;
                    }

                }
                alert(dele);
            };
        }

        window.onload = getRadioValue;
    </script>
</head>
<body>
    启用<input type="radio" name="all" value="启用" checked="checked"/>
    未启用<input type="radio" name="all" value="未启用"/>

    <button id="test">测试</button>
</body>
</html>

相同的name,通过name判断输入框是否有选中就行了

直接获取radio name 属性的值就行
$("input[name=radio]").val()

完整的代码,你自己练习下:

 <html>
<head>
    <script type="text/javascript">
        function getRadioValue(){
            document.getElementById("test").onclick = function(){
                var radios = document.getElementsByName("all"),radio;
                for(var i = 0 ; i< radios.length;i++){
                    if(radios[i].checked == true){
                        radio = radios[i];
                        break;
                    }
                }
                alert(radio.value);
            };
        }

        window.onload = getRadioValue;
    </script>
</head>
<body>
    <input type="radio" name="all" value="启用" checked="checked"/>
    <input type="radio" name="all" value="未启用"/>

    <button id="test">测试</button>
</body>
</html>

delete在js中是关键字,换一个变量
<!DOCTYPE html>



测试


启用
禁用
var inputs=document.querySelectorAll("input"); for(var i=0;i<inputs.length;i++) { inputs[i].onclick = function () { var delet = document.querySelector("input:checked").value; console.log(delet); } }


这样你点击每个按钮就会打印出对应的value值