精华内容
下载资源
问答
  • 2022-03-14 13:08:53
    $("input[name='输入框 name属性']:checked").val() 

    使用js获取单选框的值

    更多相关内容
  • js获取单选框里面的

    千次阅读 2020-07-04 15:39:32
    //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0; i<obj.length; i...
    <script>
    window.onload = function(){
    //通过名字获取  getElementsByName
    //var obj = document.getElementsByName("fruit");
    //通过标签获取  getElementsByTagName
    var obj = document.getElementsByTagName("input");
        for(var i=0; i<obj.length; i ++){
            if(obj[i].checked){
                alert(obj[i].value);
            }
        }
    }
     
    </script>
     
    <form>
    <input type="radio"  name ="fruit" value="apple" checked>苹果
    <input type="radio"  name ="fruit" value="banana">香蕉
    <input type="radio"  name ="fruit" value="pear">梨
    </form>

    知识点:

    1,通过元素的名字获取元素列表

    var obj = document.getElementsByName("fruit");

    2,通过标签的名字获取元素列表

    var obj = document.getElementsByTagName("input");

    3,是否选中

    obj[i].checked;

    4,单选框里面的值

    obj[i].value;

    展开全文
  • 主要介绍了vue radio单选框,获取当前项(每一项)的value操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • js获取单选框选中的

    千次阅读 2022-03-16 11:00:59
    # 前言 在网上查的很多资料都是用JQuery获取,但是我觉得应该直接用js就可以实现这个功能。...但是会发现它仅仅在页面最初加载时读取到默认的checked,当选中项发生改变时,它不会再去获取,不符合我的期望。

    前言

    在网上查的很多资料都是用JQuery获取,但是我觉得应该直接用js就可以实现这个功能。

    网上有一些用js实现的是使用window.load=function(){...},在页面加载时就调用函数去获取。但是会发现它仅仅在页面最初加载时读取到默认的checked值,当选中项发生改变时,它不会再去获取,不符合我的期望。

    后面尝试获取input的DOM元素,在元素的onchange函数中获取选中值,不过也不行。因为当它由被选中转变为未选中状态时,onchange方法不会被调用;只能在它由未选中状态转变为被选中状态时才会调用,才能获取值。

    最后我的解决方案如下。

    代码

    html

    需要把两个单选的input放进一个表单控件里面

               <form id="toolForm">
                    <input type="radio" name="tool" checked="checked" value="pencil" id="pencil">画笔
                    <br/>
                    <input type="radio" name="tool" value="eraser" id="eraser">橡皮
                </form>
    

    js

    // 获取表单
    const toolForm=document.getElementById("toolForm");
    
    // 表单内选中的项发生改变时会调用该方法
    toolForm.onchange=function () {
        //这里得到name为tool的元素数组
        const tools = document.getElementsByName("tool");
        for (let i = 0; i <tools.length ; i++) {
            if(tools[i].checked) console.log(tools[i].value);
        }
    }
    
    展开全文
  • php中读取单选框radio的与在php中保持单选按钮的的方法,其实都是一样的原理。
  • /*** 根据name获取单选框* @param name* @returns*/function getRadioByName(name){return $('input:radio[name="'+name+'"]:checked').val();}/*** 根据name获取多选框的* @param name* @returns {String}*/...

    /**

    * 根据name获取单选框的值

    * @param name

    * @returns

    */

    function getRadioByName(name){

    return $('input:radio[name="'+name+'"]:checked').val();

    }

    /**

    * 根据name获取多选框的值

    * @param name

    * @returns {String}

    */

    function getCheckboxByName(name){

    var value = document.getElementsByName(name);

    var values = "";

    for(var i=0;i

    if(value[i].checked){

    values += value[i].value;

    values +=",";

    }

    }

    if(values.length >0){

    values = values.substring(0, values.length-1);

    }

    return values;

    }

    /**

    * 根据值加载单选框

    * @param name

    * @param value

    */

    function showRadio(name,value){

    var nValue = $("input[name='"+name+"']");

    for(var i=0;i

    if(nValue[i].value == value){

    nValue[i].checked = true;

    break;

    }

    }

    }

    /**

    * 根据值加载多选框

    * @param name

    * @param value

    */

    function showCheckbox(name,value){

    var nValue = $("input[name='"+name+"']");

    var sValue = value.split(",");

    for(var i=0;i

    for(var j=0;j

    if(nValue[i].value == sValue[j]){

    nValue[i].checked = true;

    break;

    }

    }

    }

    }js,jquery博大精深,有机会好好研究下。

    展开全文
  • 1.文本框 1.1 <input type=”text” name=”test” id=”test”>...2.下拉列表 2.1 <select name=”sel” id=”sel” onchange=”look();”>”1″>11</option><option value=”2″ sele
  • layui如何获取radio单选框选中的

    千次阅读 2022-05-11 14:36:22
    layui如何获取radio单选框选中的 例如: <input type="radio" name="sex" id="man" value="0" title="男" lay-filter="aaa"> <input type="radio" name="sex" id="female" value="1" title="女" checked ...
  • jquery获取单选框

    千次阅读 2018-06-20 01:06:28
    jquery获取单选框(多选框)的
  • 用Android Studio 2.3.3做的单选框例子,主要用到的代码有:mRadioButton_01 = (RadioButton)findViewById(R.id.RadioButton_01);、boolean b01 = mRadioButton_01.isChecked();、CharSequence charSequence01 = ...
  • JSP+Java 获取单选框

    千次阅读 2019-03-05 16:17:44
    JSP片段: ;text-align: right;padding-top: 13px;... <input name="picType2" type="radio" class="ace" id="picType2" value="1"><span class...JAVA片段里的pd是一个网页封装对象,替换也可以获取
  • 获取单选框

    千次阅读 2018-03-20 15:19:39
    单位 个人 //获取单选框 var val_ = $('input:radio[name="invoice.title"]:checked').val();
  • 一、设置选中方法 代码如下: $("input[name='\u540d\u5b57']").get(0).checked=... //获取被选中Radio的Value 二、设置选中和不选中示例 代码如下: <input type="radio" value="0" name="jizai" id="0"/>否
  • 获取值 $("input[name='killOrder']:checked").val(); $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $(":radio[checked]").each(function(radio){alert($(this).val()); 2.设置第一个...
  • 主要介绍了JQuery判断radio(单选框)是否选中和获取选中方法总结,本文讲解了利用获取选中判断选中、使用checked属性判断选中、jquery获取radio单选按钮的获取一组radio被选中项的、设置单选按钮被选中等...
  • 主要介绍了Android开发之获取单选与复选操作,结合实例形式分析了Android针对单选按钮、复选的事件响应、数值获取等相关操作技巧,需要的朋友可以参考下
  • 代码如下: [removed] function checkbox() { var str=document.getElementsByName(“box”); var objarray=str.length; var chestr=””; for (i=0;i<objarray;... if(str[i].checked == true) { chestr+=str[i]....
  • vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 ... (value,i) key=value.id> <input class=radio type=radio name=radios :value=i v-model=radio /> ...
  • jQuery 获取单选框已选中的

    千次阅读 2019-05-16 10:54:29
    jQuery 获取单选框(radio)已选中的,请阅读我的原创文章《jQuery 表单对象属性》,文章中的 “:checked” 选择器文章中有详细的说明和源码示例。 《jQuery 表单对象属性》文章链接:...
  • jquery 获取单选框

    万次阅读 2015-11-13 15:31:42
    3. 获取当前option的最大索引: $('select#sel option:last').attr("index") 4. 获取DropdownList的长度: $('select#sel')[0].options.length; 或者 $('select#sel').get(0)....
  • NULL 博文链接:https://onestopweb.iteye.com/blog/2325653
  • js获取单选框

    千次阅读 2018-02-04 21:59:20
    获取单选框有三种方式:1、$('input:radio:checked').val();2、$("input[type='radio']:checked").val();3、$("input[name='rd']:checked").val(); 借鉴 https://zhidao.baidu.com/question/348226665.html
  • 获取单选框

    2021-08-01 16:25:53
    获取单选框 单选框如何判断? radio(标签类型):标识这是单选框; name(标签名):多个radio(单选框)的name相同,则系统将name相同的单选框归为一组,就只能选其中一个。程序通过name的来获取对象。 value的...
  • uniapp单选框和获取单选框

    千次阅读 2020-02-24 21:36:32
    其实uniapp的单选框的标签不是像html中的标签`<input type="radio" />...uniapp中有单独的单选框标签`<radio value="女" /><text>女</text>`, 效果图: 这样实现uniapp单选框了 ...
  • 部分html代码 。。。。。。 <tr> <td class="quest">8、您容易忘事(健忘)吗?...input name="pinghe8" type="radio" value="5" checked="checked">...input name="pinghe8" type="r
  • 获取单选框的value

    万次阅读 2019-06-28 08:36:15
    单选框样式,给每个input标签绑定value @* 审核结果 *@ <div class=“col-12 mt-2”> <label for="" class="">审核结果:</label> <input type=“radio” name=“radio” class=“ml-3” id=...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 50,931
精华内容 20,372
关键字:

怎么获取单选框的值