2 zhh1996075 zhh1996075 于 2016.09.20 16:27 提问

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

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

5个回答

guwei4037
guwei4037   Ds   Rxr 2016.09.20 16:58
已采纳

修改如下:

 <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>
zhh1996075
zhh1996075 谢谢了
大约一年之前 回复
guwei4037
guwei4037   Ds   Rxr 2016.09.20 16:46

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

 <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>
zhh1996075
zhh1996075 我获取到值,然后想判断一下是否选中,启用了将1赋值给dele这个变量,未启用将0赋值给dele这个变量,,我该怎么做
大约一年之前 回复
qq_35718410
qq_35718410   2016.09.20 16:58

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值

zhh1996075
zhh1996075 恩恩,,,我还在测试
大约一年之前 回复
Royal_lr
Royal_lr   Ds   Rxr 2016.09.20 16:33

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

zhh1996075
zhh1996075 回复Royal_lr: 我知道
大约一年之前 回复
Royal_lr
Royal_lr 回复zhh1996075: 我也是刚毕业的,,这并不是你菜的借口
大约一年之前 回复
zhh1996075
zhh1996075 。。。。我是刚毕业的,不太懂怎么写,,,
大约一年之前 回复
qq_29594393
qq_29594393   Ds   Rxr 2016.09.20 16:44

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

zhh1996075
zhh1996075 我试试
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!