使用jquery获取radio的值

转载 2013年12月05日 20:57:36

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项:

1.<inputtype="radio"name="testradio"value="jquery获取radio的值"/>jquery获取radio的值<br />
2.<inputtype="radio"name="testradio"value="jquery获取checkbox的值"/>jquery获取checkbox的值<br />
3.<inputtype="radio"name="testradio"value="jquery获取select的值"/>jquery获取select的值<br />

要想获取某个radio的值有以下的几种方法,直接给出代码:

1、

1.$('input[name="testradio"]:checked').val();
2、

1.$('input:radio:checked').val();
3、

1.$('input[@name="testradio"][checked]');
4、

1.$('input[name="testradio"]').filter(':checked');

差不多挺全的了,如果我们要遍历name为testradio的所有radio呢,代码如下

1.$('input[name="testradio"]').each(function(){
2.alert(this.value);
3.});
如果要取具体某个radio的值,比如第二个radio的值,这样写

1.$('input[name="testradio"]:eq(1)').val()

通过修改运行下面的实例,加深你的印象

 

<html>
<head>
<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script
 type="text/javascript">
$(function(){
 $('#go').click(function(){
  var radio = $('input[name="testradio"]').filter(':checked');
  if(radio.length)
  alert(radio.val());
  else
  alert('请选择一个radio');
  
 });
 $('#go2').click(function(){
  $('input[name="testradio"]').each(function(){
   alert(this.value);
  });
 })
 $('#go3').click(function(){
  alert($('input[name="testradio"]:eq(1)').val());
 })
})
</script>

</head>

<body>
<input type="radio" name="testradio" value="jquery获取radio的值"
/>jquery获取radio的值<br /> <input type="radio" name="testradio"
 value="jquery获取checkbox的值" />jquery获取checkbox的值<br />
<input type="radio" name="testradio" value="jquery获取select的值"
/>jquery获取select的值<br />
<button id="go">选中的那个radio的值</button>
<button id="go2">遍历所有radio的值</button>
<button id="go3">取第二个radio的值</button>
</body>
</html>

 

 

以上转自:http://blog.csdn.net/lubingda/article/details/7227051

jQuery获取radio选中后的文字

jQuery获取radio选中后的文字
  • zhanyouwen
  • zhanyouwen
  • 2016年05月13日 10:32
  • 912

使用jQuery获取单选按钮radio的选中值

简单来说:var val = $('input[name="sex"]:checked').val();整体代码: 获取单选按钮选中的值 ...
  • candy_tity
  • candy_tity
  • 2016年12月01日 16:39
  • 4113

Jquery获取一组Radio的选中值

在网上看了很多,都不能成功获得。 最终找到了正确的写法: var type = $("input[name='items']:checked").val() 特此备注...
  • lingxyd_0
  • lingxyd_0
  • 2014年01月10日 10:59
  • 9746

jquery获取radio选中值及遍历

使用jquery获取radio的值,最重要的是掌握jquery选择器的使用,在一个表单中我们通常是要获取被选中的那个radio项的值,所以要加checked来筛选,比如有以下的一些radio项: 1...
  • u014044812
  • u014044812
  • 2016年09月02日 18:30
  • 1664

jquery获取和设置radio的值

$('input[name="sku_or_asin"]:checked').val()     //获取
  • q279838089
  • q279838089
  • 2014年07月07日 11:27
  • 773

jQuery获取Radio选择的Value值:

1. $("input[name='radio_name'][checked]").val();  //选择被选中Radio的Value值 2. $("#text_id").focus(functi...
  • u011829023
  • u011829023
  • 2013年11月20日 14:00
  • 3628

jQuery如何获取选中单选按钮radio的值

实例1: 支付宝 财务通      获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');   ...
  • liuwenbiao1203
  • liuwenbiao1203
  • 2016年12月27日 10:04
  • 14518

如何获取type=radio属性的value值

1.获取选中值,三种方法都可以:$('input:radio:checked').val();$("input[type='radio']:checked").val();$("input[name=...
  • zuijiao__shangyang
  • zuijiao__shangyang
  • 2017年07月26日 10:12
  • 2272

jquery通过id或name获取radio选中值

通过id获取radio选中 var cT = $('input[id="sc_ct"]').filter(':checked').val();
  • Truong
  • Truong
  • 2014年04月18日 11:04
  • 19427

jQuery获取radio选中项值得的几种方法checked属性

直接贴出方法,有三种方法: 都是根据其checked属性来判断 function saveBtn(){ var aa = $("input[type='radio']:checked")....
  • liuhailiuhai12
  • liuhailiuhai12
  • 2017年01月17日 15:43
  • 2597
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用jquery获取radio的值
举报原因:
原因补充:

(最多只允许输入30个字)