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 谢谢了
接近 2 年之前 回复
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这个变量,,我该怎么做
接近 2 年之前 回复
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 恩恩,,,我还在测试
接近 2 年之前 回复
Royal_lr
Royal_lr   Ds   Rxr 2016.09.20 16:33

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

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

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

zhh1996075
zhh1996075 我试试
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
多个单选框 input type="radio"选中效果
一。网上(self测试) 1         2         3         4                     $("input[name='radio']").on("change",function(event) {                 var a = $("input[name='radio']:checked").val();alert("选中
将选择框radio中的得到的value值传给输入框
解决问题:将选择框中的得到的A,B,C,D传给输入框。js的代码:    &amp;lt;script type=&quot;text/javascript&quot;&amp;gt;    $(function(){     $(&quot;.radio&quot;).click(function(){     var one=document.getElementById(&quot;one&quot;);    one.value=$(this).val(); ...
<input type="radio" />的选中和禁用
的选中和禁用 选中: 多个单选框用时,要形成只能单选的效果必须name 是一样的,想选中某个框要用checked,如,不用checked="true"这样写。(zkdceo亲测) 禁用(转): 禁用 radio ,设置为只读,不能选定: disabled/>   ----(zkdceo亲测)         男         disabl
关于HTML中表单输入标记<input>的radio与checkbox属性的值传递
首先举一个标记的语法格式例子:
如何获取type=radio属性的value值
1.获取选中值,三种方法都可以:$('input:radio:checked').val();$("input[type='radio']:checked").val();$("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值:$('input:radio:first').attr('checked', 'checked');或者$('inpu
js获取 type="radio" 值
前台支付 ——如需整晚保留,请预付房费。 担保支付 ——稍后客服人员会致电与您联系, 并确认担保需要的信息。 var chkObjs=null
struts2框架中,radio类型的input标签,如何传值?
解决: 通过radio的value属性传值。 在action中,设定属性名和input对应的name值一致。 若JSP代码如下: ${vname} 则action中,需要设定属性名为:voteid,并提供getter和setter方法,即可获取选中的radio项的值
页面单选框<input type="radio">的分组与优化
我们在做页面的开发时,可能会遇到将lable分组的问题。比如,你可能需要在这个页面上既需要做一个性别的单选lable,还需要做一个职业的单选lable。就是下面这种效果,性别:邮箱登录<input type="radio" value="1" name="article" onclick="show()"  />手机号登录
禁用和启用input元素
禁用 input 字段 有时你可能需要禁用表单的 submit 按钮或者某个 input 字段,直到用户执行了某些操作(例如,检查“已阅读条款”复选框)。可以添加 disabled 属性,直到你想启用它时: $('input[type="submit"]').prop('disabled', true); 你要做的就是执行 removeAttr 方法,并把要移除的属性作为参数传入:
angularjs input type=radio isChecked
1、html: &nbsp;{{'PROPERTY.NODE.DUE.DATE.VARIABLE.LABEL' | translate}} &nbsp;{{'PROPERTY.NODE.DUE.DATE.FIXEDVALUE.LABEL' | translate}} &nbsp;{{'PROPERTY.NODE.DUE.DATE.MINUTE.LABEL' | translate}}