精华内容
下载资源
问答
  • Jquery获取一组Radio选中值

    千次阅读 2017-08-31 15:03:51
    在网上看了很多,都不能成功获得。 最终找到了正确的写法: [javascript] view plain copy ...试想一下,如果一个复杂的系统中,有多个form表单都有radio的name=items的,若只获取一个form中的怎么办呢?如下指


    在网上看了很多,都不能成功获得。
    最终找到了正确的写法:
    [javascript] view plain copy
    var type = $("input[name='items']:checked").val()  


    特此备注


    扩展一下:
    试想一下,如果一个复杂的系统中,有多个form表单都有radio的name=items的,若只获取一个form中的怎么办呢?如下指定一下form就可以。
    [javascript] view plain copy
    $('input[name=radioName]:checked', '#myForm').val()  




    反过来思考一下:
    反过来呢? 如果知道一个value想设置redio的选中状态呢?从网上找了很多方法大部分都是操作attribute中的checked属性来实现,但是都不能满足需求,因为checked属性的定义是【checked 属性规定在页面加载时应该被预先选定的 input 元素。】 但是后头还有一句话【checked 属性也可以在页面加载后,通过 JavaScript 代码进行设置。】
    网上搜索来的方法如下:
    [javascript] view plain copy
    //1、  
    jQuery("input[type='radio'][name='radio']:checked").length == 0 ? "没有任何单选框被选中" : "已经有选中";    
    //2、  
    jQuery('input[type="radio"][name="radio"]:checked').val(); // 获取一组radio被选中项的值    
    //3、  
    jQuery("input[type='radio'][name='radio'][value='2']").attr("checked", "checked");// 设置value = 2的一项为选中    
    //4、  
    jQuery("#radio2").attr("checked", "checked"); // 设置id=radio2的一项为选中    
    //5、  
    jQuery("input[type='radio'][name='radio']").get(1).checked = true; // 设置index = 1,即第二项为当前选中    
    //6、  
    var isChecked = jQuery("#radio2").attr("checked");// id=radio2的一项处于选中状态则isChecked = true, 否则isChecked = false;    
    var isChecked = jQuery("input[type='radio'][name='radio'][value='2']").attr("checked");// value=2的一项处于选中状态则isChecked = true, 否则isChecked = false;    


    jquery的操作方法中1~6中设置选中状态的方法,大家猜猜那些会成功? 
    所有操作attribute的都只有第一次有效,多操作几次发现根本就不起做用!
    只有结合js原生的操作方法才会成功,也就是只有5方法才正常。为什么呢?我想这就是跟checked属性的定义有关了。
    jQuery操作中只是修改了html的attribute值。其实细心的你会发现js原生的操作不会更改这个attribute值的。所以这就是问题所在了。
    如果你使用了jquery1.6以下版本那么你想要达到预期的效果,就只能结合原生的js来操作了。
    如:
    [javascript] view plain copy
    // 选中name为items的radiolist中的value为0的  
    $("input[name='items'][value='0'")[0].checked = true;  


    jquery也在不断发展从1.6版本中已经对此问题做了完善和调整,但是attr()方法没有做改动,而是增加了一个新的方法来解决这个问题prop()方法。
    [javascript] view plain copy
    // 选中name为items的radiolist中的value为0的  
    $("input[name='items'][value='0'").prop("checked", true);  


    从中文意思看,两者分别是获取/设置attribute和properties的方法,那么为什么还要增加prop()方法呢?
    Before jQuery 1.6, the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior.
    因为在jquery1.6之前,使用attr()有时候会出现不一致的行为。那么,什么时候使用attr(),什么时候使用prop()?
    To retrieve and change DOM properties such as the checked, selected, or disabled state of form elements, use the .prop() method. 
    根据官方的建议:具有true和false两个属性的属性,如:checked、selected、及disabled使用prop(),其他的使用attr()




    一个好的产品是不断修复、不断完善慢慢发展来的!


    精诚所至,金石为开!
    展开全文
  • js代码: var multiSelectList = []; var radios = $(".multiSelect"); for (var i = 0; i < radios.length; i++) { if (radios[i].checked) { multiSelectList.push(radios[i].value); ...}

    js代码:

    var multiSelectList = [];
    var radios = $(".multiSelect");
    for (var i = 0; i < radios.length; i++) {
    	if (radios[i].checked) {
    		multiSelectList.push(radios[i].value);
    	}
    }
    
    展开全文
  • Jquery 获取 radio选中值

    2014-06-24 13:58:14
    随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。...Radio   

    随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。


    Radio    


      



    1.获取选中值,三种方法都可以:

    $('input:radio:checked').val();

    $("input[type='radio']:checked").val();

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

    2.设置第一个Radio为选中值:

        $('input:radio:first').attr('checked', 'checked');

    或者

    $('input:radio:first').attr('checked', 'true');

    注:attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

    3.设置最后一个Radio为选中值:

    $('input:radio:last').attr('checked', 'checked');

    或者

    $('input:radio:last').attr('checked', 'true');

    4.根据索引值设置任意一个radio为选中值:

    $('input:radio').eq(索引值).attr('checked', 'true');索引值=0,1,2....

    或者

    $('input:radio').slice(1,2).attr('checked', 'true');

    5.根据Value值设置Radio为选中值

    $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

    或者

    $("input[value=http://www.2cto.com/kf/201110/'rd2']").attr('checked','true');

    6.删除Value值为rd2的Radio

    $("input:radio[value=http://www.2cto.com/kf/201110/'rd2']").remove();

    7.删除第几个Radio

    $("input:radio").eq(索引值).remove();索引值=0,1,2....

    如删除第3个Radio:$("input:radio").eq(2).remove();

    8.遍历Radio

    $('input:radio').each(function(index,domEle){

         //写入代码

    });



    DropDownList















    1.   获取选中项:

    获取选中项的Value值:

          $('select#sel option:selected').val();

         或者

           $('select#sel').find('option:selected').val();

    获取选中项的Text值:

          $('select#seloption:selected').text();

         或者

           $('select#sel').find('option:selected').text();

    2.   获取当前选中项的索引值:

    $('select#sel').get(0).selectedIndex;

    3.   获取当前option的最大索引值:

    $('select#sel option:last').attr("index")

    4.   获取DropdownList的长度:

    $('select#sel')[0].options.length;

    或者

    $('select#sel').get(0).options.length;

    5.  设置第一个option为选中值:

    $('select#sel option:first').attr('selected','true')

    或者

     $('select#sel')[0].selectedIndex = 0;

    6.   设置最后一个option为选中值:

     

    原文地址:http://www.hake.cc/a/biancheng/web/js/2011/1013/27444.html

    展开全文
  • jquery获取一组radio选中项的

    千次阅读 2008-11-22 01:26:00
     <input type="radio" name="items" id="item1" value="a"/>A    <input type="radio" name="items" id="item2" value="b"/>B    <input type="radio" name="items" id="item3" value="c"/>C  ...
     <script type=text/javascript> new Draggable("related_topics"); </script> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
    http://www.w3.org/TR/html4/strict.dtd"> 
    
    <html>
    <head>
         <meta http-equiv="Content-Type" c/>
         <script type="text/javascript" src="jquery.js">
        </script>
         <script type="text/javascript">
             $(function(){
                 $('#form1').submit(function(){
                     var item = $('input[@name=items][@checked]').val();
                     alert(item);
                     return false;
                 });
             });
         </script>
         <title>Get Radio value Document</title>
    </head>
    <body>
         <form id="form1">
             <input type="radio" name="items" id="item1" value="a"/>A
             <br/>
             <input type="radio" name="items" id="item2" value="b"/>B
             <br/>
             <input type="radio" name="items" id="item3" value="c"/>C
             <br/>
             <input type="radio" name="items" id="item4" value="d"/>D
             <br/>
             <input type="radio" name="items" id="item5" value="e"/>E
             <br/>
             <input type="radio" name="items" id="item6" value="f"/>F
             <br/>
             <input type="radio" name="items" id="item7" value="g"/>G
             <br/>
             <input type="radio" name="items" id="item8" value="h"/>H
             <br/>
             <input type="submit" id="btn1">
         </form>
    </body>
    </html>
    展开全文
  • //预览函数var colorid="";function ShowTemp() { var eless = document.getElementsByName("colorStyle"); for(var i=0;i&... { // alert(eless[i].checked+eless[i].name+eless[i].id);...
  • 主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...
  • 开始我是用ajax个个获取radio选中框的,直接进行累加,后面出现了个bug,如下图 [img=https://img-bbs.csdn.net/upload/202012/21/1608542145_745406.png][/img] 只有当全部选择完毕,才会显示数字。 想问问...
  •  获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name=payMethod]');  获取被选中按钮的 :var val_payPlatform = $('#wrap input[name=payMethod]:checked ').val(); 实例2: 使用
  • 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“input[@type=radio...
  • //选择被选中Radio的Value我反复测试都是错误的,无语啊,真想骂人,如何通过Jquery简单又快速的获取一组radio的取值呢?Jquery老的版本var_name = $(“input[@name='radio_name']:checked”).val();Jquery 1....
  • 获取一组radio选中项的 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个...
  • 单选组radio: $("input[@type=radio][@checked]").val();单选组radio: $(...//设置value=2的项目为当前选中获取一组radio选中项的var item = $('input[@name=items][@checked]').val();radio单选组的第...
  • jquery取radio单选按钮的 $("input[name='items']:checked").val(); ...另:判断radio是否选中并取得选中 ... jquery radio取值,checkbox取值,select...获取一组radio或者checkbox被选中项的...
  • 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: 使
  • var obj= $("input[name='radio']:checked").val();
  • 判断radio是否有选中获取选中

    千次阅读 2017-05-25 17:53:47
    、利用获取选中值判断选中 直接上代码,别忘记引用JQuery包 复制代码代码如下: JQuery radio  /*------判断radio是否有选中,获取选中的值--------*/  $(function(){  $("#
  • 如何获取性别中被选中的那个单选按钮控件Radio 单选按钮是成使用的 第步:分组 把男女单选按钮放入中,因为中的按钮只能有个被选中。 MFC中分组的方法:以Group属性True为每的边界...
  • jquery获取radio值实例

    2020-12-11 04:23:51
    本文实例讲述了jquery获取radio值的方法,分享给...获取一组radio被选中项的值 代码如下:var item = $(‘input[@name=items][@checked]’).val(); radio单选组的第二个元素为当前选中值 代码如下:$(‘input[@name=ite
  • input id="rad" name="rad" type="radio" value="1"/> input id="rad" name="rad" type="radio" value="2"/> input id="rad" name="rad" type="radio" value="3...使用jquery可以很方便的获取到同一radio选中
  • 1.所做的为有13道题目的问卷,为radio和checkbox两种形式,先给出如何获取组radio的value:   var answer = ""; var Answer = new Array(); if (CheckChoice() == false) return false; for (var j = ...
  • 获取单选按钮(radio)和修改选中项 看到很多帖子里说js获取单选按钮(radio)可以直接用document.getElementByIdx_x("oper").value,虽然跟单选按钮一样的下拉列表(也是列表项的数组)也是个数组,用...
  • 1.2 找出一组radio中被选中的那个 var item = $('input[name=items][checked]').val();  其中:[attribute] attribute为 属性名,表示选中带有此属性的元素,如:$("div[id]")选中带id属性的div,没有id...
  • 1)jquery获取input输入框中的 如何用jquery获取&lt;input id="test" name="test" type="text"/&gt;中输入的? $(" #test ").val() $(" input[ name='...
  • 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 17,245
精华内容 6,898
关键字:

获取一组radio选中的值