精华内容
下载资源
问答
  • 下面小编就为大家带来一篇jQuery获取单选按钮radio选中与去除所有radio选中状态的方法。
  • 本文给大家分享两段实例代码给大家讲解jquery获取选中单选按钮radio,非常不错,具有参考借鉴价值,一起看看吧
  • 主要原理就是遍历所有的单选按钮,当某个单选按钮选中的时候,将它对应的传递给我们赋值的参数,并且跳出遍历循环。如果想知道如何使用jQuery来获取单选按钮,请点击这里。... 获取单选按钮选中的 <b

    主要原理就是遍历所有的单选按钮,当某个单选按钮选中的时候,将它对应的值传递给我们赋值的参数,并且跳出遍历循环。

    如果想知道如何使用jQuery来获取单选按钮的值,请点击这里

    示例代码:

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <title>获取单选按钮选中的值</title>
    </head>
    <body>
    <label><input type="radio" name="sex" value="m" checked="checked"></label>
    <label><input type="radio" name="sex" value="f"></label>
    <button id="button">提交</button>
    <script type="text/javascript">
        window.onload = function(){
            var val;
            var sex = document.getElementsByName('sex');
            var button = document.getElementById('button');
            button.addEventListener('click',function(){
                for(var i = 0; i < sex.length; i++){
                    if(sex[i].checked == true){
                        val = sex[i].value;
                        console.log(val);
                        break;
                    }
                }
                return val;         
            },false);
        }
    </script>
    </body>
    </body>
    </html>

    如果想知道如何使用jQuery来获取单选按钮的值,请点击这里

    展开全文
  • 使用jQuery获取单选按钮radio的选中

    万次阅读 2016-12-01 16:39:41
    简单来说:var val = $('input[name="sex"]:checked').val();整体代码:<!DOCTYPE html> 获取单选按钮选中的 <label><input type="radio" na

    简单来说:

    var val = $('input[name="sex"]:checked').val();

    整体代码:

    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
        <meta charset="utf-8">
        <title>获取单选按钮选中的值</title>
    </head>
    <body>
    <label><input type="radio" name="sex" value="m" checked="checked"></label>
    <label><input type="radio" name="sex" value="f"></label>
    <button>提交</button>
    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('button').click(function(){
                var val = $('input[name="sex"]:checked').val();
                console.log(val);   
            });
        })
    </script>
    </body>
    </body>
    </html>
    展开全文
  • js获取单选按钮组选择的(2011-05-13 20:23:00)标签:s获取单选按钮杂谈测试代码radio.html 如下:=============================================================================function getRadio(oRadio){var ...

    js获取单选按钮组选择的值

    (2011-05-13 20:23:00)

    标签:

    s获取单选按钮

    杂谈

    测试代码radio.html 如下:

    =============================================================================

    function getRadio(oRadio){

    var oRadioLength= oRadio.length;

    var oRadioValue = false;

    //alert("oRadioLength:["+oRadioLength+"]");

    if (oRadioLength== undefined){

    if (oRadio.checked){

    oRadioValue = oRadio.value;

    }

    }else{

    for (i=0;i

    //alert("oRadio["+i+"]:"+oRadio[i].checked+"/"+oRadio[i].value);

    if (oRadio[i].checked){

    oRadioValue = oRadio[i].value;

    break;

    }

    }

    }

    return oRadioValue;

    }

    //方法改进:

    //求单选按纽的值,传radio名字作为参数。未选返回false;有选择项,返回选项值。

    function getRadioValue(name){

    var radioes = document.getElementsByName(name);

    for(var i=0;i

    {

    if(radioes[i].checked){

    return radioes[i].value;

    }

    }

    return false;

    }

    //通过值修改所选中的单选按钮

    function changeRadio(oRadio,oRadioValue){ //传入一个对象

    for(var i=0;i

    {

    if(oRadio[i].value==oRadioValue) //比较值

    {

    oRadio[i].checked=true; //修改选中状态

    break; //停止循环

    }

    }

    }

    //改进:

    //通过值修改所选中的单选按钮

    function setRadio(name,sRadioValue){ //传入radio的name和选中项的值

    var oRadio = document.getElementsByName(name);

    for(var i=0;i

    {

    if(oRadio[i].value==sRadioValue) //比较值

    {

    oRadio[i].checked=true; //修改选中状态

    break; //停止循环

    }

    }

    }

    >同意

    checked>下发修改

    value="refuse">拒保

    >上报

    alert('result:'+getRadio(this.form.oper))

    οnclick="alert('result:'+getRadio(this.form.oper));">

    alert('result:'+getRadio(document.getElementByIdx_x('oper')))

    οnclick="alert('result:'+getRadio(document.getElementByIdx_x('oper')));">

    alert(this.form.oper.value)

    οnclick="alert(this.form.oper.value);">

    changeRadio(this.form.oper,"上报")

    οnclick="changeRadio(this.form.oper,'report');">

    >同意

    selected>下发修改

    value="refuse">拒保

    value="report">上报

    alert(this.form.slt.value)

    οnclick="alert(this.form.slt.value);">

    document.getElementByIdx_x('slt')[2].innerText)

    οnclick="alert(document.getElementByIdx_x('slt')[2].innerText);">

    分享:

    a4c26d1e5885305701be709a3d33442f.png喜欢

    0

    a4c26d1e5885305701be709a3d33442f.png赠金笔

    加载中,请稍候......

    评论加载中,请稍候...

    发评论

    登录名: 密码: 找回密码 注册记住登录状态

    昵   称:

    评论并转载此博文

    a4c26d1e5885305701be709a3d33442f.png

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

    展开全文
  • ExtJS 获取单选按钮 radiogroup 获取值 fieldset(radio) 获取值 1 { 2 xtype: 'fieldset', 3 id: 'job', 4 title: '职业', 5 autoHeight:

    ExtJS 获取单选按钮的值 radiogroup 获取值 fieldset(radio) 获取值

    复制代码
     1 {
     2                 xtype: 'fieldset',
     3                 id: 'job',
     4                 title: '职业',
     5                 autoHeight: true,
     6                 defaultType: 'radio',  //设置fieldset内的默认元素为radio
     7                 //hideLabel: false,
     8                 layout: 'hbox',
     9                 defaults: {
    10                     flex: 1
    11                 },
    12                 items: [
    13                     { boxLabel: '学生', name: 'job', inputValue: '1', checked: true },
    14                     { boxLabel: '教师', name: 'job', inputValue: '2' },
    15                     { boxLabel: '其他', name: 'job', inputValue: '3' }
    16                 ]
    17 }
    复制代码

    如果是以上定义,则页面效果为:

    通过以下语句中变量 job 保存的是选中的标签值(学生、教师、其他)

    复制代码
     1                     var jobRadio = Ext.getCmp('job').items;
     2                     var jobValue = loginForm.getForm().findField("job").getGroupValue(); //此处获取到的是inputValue的值
     3                     var job;
     4                     for(var i = 0; i < jobRadio.length; i++){
     5                         if(jobRadio.get(i).inputValue == jobValue){
     6                             job = jobRadio.get(i).boxLabel;
     7                             break;
     8                         }
     9                     }
    10                     Ext.MessageBox.alert('提示', '您的职业是' + job);
    复制代码

     

    以上是通过 fieldset 定义的 radio 组件获取值的方法。下面是 radiogroup 组件获取值的方法

    复制代码
     1 {
     2                 //xtype      : 'fieldcontainer',
     3                 xtype: 'radiogroup',
     4                 id: 'sex',
     5                 fieldLabel : 'Sex',
     6                 hideLabels: false,
     7                 defaults: {
     8                     flex: 1
     9                 },
    10                 layout: 'hbox',
    11                 items: [
    12                     {
    13                         boxLabel  : 'Male',
    14                         name      : 'sex',
    15                         inputValue: 'male'
    16                     }, {
    17                         boxLabel  : 'Female',
    18                            name      : 'sex',
    19                         inputValue: 'female'
    20                     }
    21                 ]
    22             }
    复制代码

    页面效果为:

    获取值的代码如下:

    1                     var sex = Ext.getCmp('sex').getChecked()[0].boxLabel;
    2                     Ext.MessageBox.alert('提示', '您的性别是' + sex);
    展开全文
  • jquery获取单选按钮radio

    万次阅读 2018-11-05 08:39:27
    1,简单写就是: var val== $('input[name="sex"]:checked').val(); ...2,话不多说直接上代码: ... 单选 ... <input type="radio" name="sex" id="man" value="1" ...//获取选中的单选 alert(val); }  
  • js获取单选按钮

    千次阅读 2014-06-02 17:16:57
    用javascript获取单选按钮的值得几种方法
  • 本文给大家分享两段实例代码给大家讲解jquery获取选中单选按钮radio,非常不错,具有参考借鉴价值,一起看看吧实例1:男女获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');...
  • 我在我的网站上进行了一项民意调查,该...我的Ajax正在运行,但当前每行插入一个0行,因此它没有从单选按钮获取值。任何帮助,将不胜感激。HTML:ArtsFilmGamesMusicSportsTelevisionAJAX:$("#submit_vote").cl...
  • 一、Radio单选按钮组水平排列。 html代码: <div class="col-xs-3"> <label class="form-label col-md-4">试用月绩效奖金</label> <div cl
  • 获取单选框的有三种方式: 1、$('input:radio:checked').val(); 2、$("input[type='radio']:checked").val(); 3、$("input[name='rd']:checked").val(); js传递获取到的单选框的: document.location.href...
  • 获取radio单选按钮值

    千次阅读 2018-05-10 21:52:39
    获取单选按钮&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="radio" name="gender" value="1"/&gt;男&lt;br/&gt; &...
  • 获取radio单选按钮:$("input[name='items']:checked").val();  设置单选按钮 被选中:$("input[name='items'][value="+后台传过来的+"]").attr("checked","...
  • 单选按钮默认值,Book_mettingRooms是后台设置的默认值var a = '${Book_mettingRooms}'; var Book_mettingRooms = document.getElementsByName("Book_mettingRoomsStep");、 for ( var i = 0; i ; i++) {
  • 基于JQuery(jquery.min.js)编写设置/获取单选按钮input[type="radio"]/复选按钮input[type="checkbox"]的 /** * 设置radio * * @param name * 元素name属性 * @param value */ function ...
  • 喜欢 一般 不喜欢 利用jquery获取radio选中 $("input[name='likea']:checked").val() 去除所有radio选中状态 $('input:radio[name="likea"]').removeAttr('checked');
  • jQuery如何获取选中单选按钮radio

    万次阅读 2016-12-27 10:04:48
     获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');  获取被选中按钮的 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val(); 实例2: 使
  • 在html也没中获取单选按钮,传统的js获取单选按钮非常的复杂. 利用jquery可以快速获取单选按钮: 如例:$('input[name="readioname"]:checked').val(); 注:使用前,请先导入js组件.
  • jquery获取单选按钮选中的

    千次阅读 2014-06-28 15:51:16
    在页面上单选按钮的代码: checked value="${key}" name="record.is_com"/>${value}  获取单选按钮选中的,并给指定的单选按钮赋值: if($('input[name="record.is_com"]:che
  • *" pageEncoding="UTF-8"%> String path = request.... <input type="radio" name="sex" checked="checked" value="男"/>男 <input type="radio" name="sex" value="女" />女 提交" />
  • 获取html单选按钮radio的value

    千次阅读 2018-10-31 10:24:53
    获取html单选按钮radio的value #由于长时间没有使用,给忘了,然后百度了一下,都是些扯淡的答案,很基础,百度了很久,试了很久,于是决定把这个正确的方案记录下来 $(function(){ $("#bankCardNext")....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 94,970
精华内容 37,988
关键字:

如何获取单选按钮radio的值