精华内容
下载资源
问答
  • 在网上看了很多,都不能成功获得。 最终找到了正确写法: [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()




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


    精诚所至,金石为开!
    展开全文
  • 获取一组radio的选中值: $("input[name='data[Contract][card_no]']:checked").val(); 而网上疯传 var item = $('input[@name=items][@checked]').val(); 则在firebug上总是会报语法错误。 demo:...
    获取一组radio的选中值:
    $("input[name='data[Contract][card_no]']:checked").val();
    而网上疯传的 var item = $('input[@name=items][@checked]').val(); 
    则在firebug上总是会报语法错误。
    
    demo:
    
    <script type="text/javascript" src="jquery.js"></script>
    <SCRIPT type=text/javascript>
    function getvalue(){
    	var value = $("input[name='data[Contract][card_no]']:checked").val();
    	alert(value);
    }
    </SCRIPT>
    
    <input type="radio" name="data[Contract][card_no]" value="1">1
    <input type="radio" name="data[Contract][card_no]" value="2">2
    <input type="radio" name="data[Contract][card_no]" value="3">3
    <input type="radio" name="data[Contract][card_no]" value="4">4
    <input type='button' οnclick='getvalue()' value='click'/>

     

    展开全文
  • 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);
    	}
    }
    
    展开全文
  • //预览函数 var colorid=""; function ShowTemp() {  var eless = document.getElementsByName("colorStyle");...转载于:https://www.cnblogs.com/wangdetian168/archive/2008/06/12/js-radio.html

    //预览函数
    var colorid="";
    function ShowTemp()

    {
       var eless = document.getElementsByName("colorStyle");
       for(var i=0;i<eless.length;i++)

       {
       // alert(eless[i].checked+eless[i].name+eless[i].id);
         if(eless[i].checked)

         {
         colorid=eless[i].value;
         break;
         }
       }
       alert(colorid+"--");
    }


     

    转载于:https://www.cnblogs.com/wangdetian168/archive/2008/06/12/js-radio.html

    展开全文
  •  <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  ...
  • //选择被选中RadioValue我反复测试都是错误,无语啊,真想骂人,如何通过Jquery简单又快速的获取一组radio的取值呢?Jquery老版本var_name = $(“input[@name='radio_name']:checked”).val();Jquery 1....
  • 记性不好的可以收藏下:1,下拉框:var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)var... //得到下拉菜单的选中的值var cc3 = $('.formc ...
  •  获取一组单选按钮对象: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(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个...
  • 获取一组radio选中的值var item = $('input[@name=items][@checked]').val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('...
  • 主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值获取一组radio选中的值、设置单选按钮被选中等...
  • 获取一组radio选中的值 var item = $(‘input[@name=items][@checked]’).val(); radio单选组的第二个元素为当前选中值 $(‘input[@name=items]’).get(1).checked = true 单选组 radio: $(“input[@type=radio...
  • 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: 使
  • 文章转载:http://hi.baidu.com/chiang821/blog/item/227c6506b25e087e03088121.html获取下拉列表选中的值和文本(select) 代码 select.htm 示例如下: 获取下拉列表选中的值和文本(select)<!--//获取下拉...
  • 获取下拉列表选中的值和文本(select) 代码 select.htm 示例如下: ============================================================================= <html> <head><title>获取下拉列表...
  • 获取下拉列表选中的值和文本(select) 代码 select.htm 示例如下: ============================================================================= 获取下拉列表选中的值和文本(select) //获取...
  • 获取单选按钮(radio)组的值和修改选中项 看到很多帖子里说js获取单选按钮(radio)组的值可以直接用document.getElementByIdx_x("oper").value,虽然跟单选按钮一样的下拉列表(也是列表项的数组)也是个数组,用...
  • 应用:获取一组radio button 的选中值。例子如下: <html><head><title>getElementsByNameSample</title><scripttype="text/javascript"language="javascript"&...
  • 获取下拉列表选中的值和文本(select) &lt;html&gt; &lt;head&gt;&lt;title&gt;获取下拉列表选中的值和文本(select)&lt;/title&gt;&lt;/head&gt; &lt;body&...
  • jquery取radio单选按钮的值 $("input[name='items']:checked").val(); ...另:判断radio是否选中并取得选中的值 ... jquery radio取值,checkbox取值,select...获取一组radio或者checkbox被选中项的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 621
精华内容 248
关键字:

获取一组radio选中的值