如何使用Jquery获取Form表单中被选中的radio值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用Jquery获取Form表单中被选中的radio值相关的知识,希望对你有一定的参考价值。

  Jquery获取选中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)
  //写入代码
  );

参考技术A $("form [type=radio]:checked").each(function(index, element)
alert($(this).val());//被选中radio的值
);本回答被提问者和网友采纳
参考技术B jQuery('form radio:checked').val();

以上是关于如何使用Jquery获取Form表单中被选中的radio值的主要内容,如果未能解决你的问题,请参考以下文章

获取JQuery UI tabs中被选中的tabs的方法

jquery如何获取form表单(id='form1')下的所有lable控件?

如何使用jquery检查表单中未选中的radio,定位到这个radio并输出提示信息

jquery 获取一组元素的选中项 - 函数jquery获取复选框值jquery获取单选按钮值

在jQuery中直接提交表单后怎么获取返回值

jquery如何实现form提交无刷新返回一个页面