为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

回首忆惘然 2019-11-15 15:10:51
请问jQuery如何获取选中单选按钮radio的值
查看完整描述

5 回答

?
杨__羊羊

TA贡献1943条经验 获得超7个赞

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

1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值
2.<input type="radio" name="testradio" value="jquery获取checkbox的值" />jquery获取checkbox的值
3.<input type="radio" name="testradio" value="jquery获取select的值" />jquery获取select的值
要想获取某个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()

 


查看完整回答
反对 回复 2019-11-16
?
呼啦一阵风

TA贡献1802条经验 获得超6个赞

jQuery获取选中单选按钮radio的值的具体操作步骤如下:

1、获得选中radio的值以及获取所有radio的值的代码如图。

2、然后我们打开浏览器控制台查看结果。

3、根据一下代码获取选中radio的值。

4、然后我们在浏览器控制台查看结果。

5、获取第二个radio的值代码如图。

6、程序运行结果如图,解决了jQuery获取选中单选按钮radio的值的问题。

 


查看完整回答
反对 回复 2019-11-16
?
四季花海

TA贡献1811条经验 获得超5个赞

 div id="wrap">
<input type="radio" name="payMethod" value="1" />支付宝
<input type="radio" name="payMethod" value="2" />财务通
</div>
  
  获取一组单选按钮对象:var obj_payPlatform = $('#wrap input[name="payMethod"]');
  获取被选中按钮的值 :var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();









查看完整回答
反对 回复 2019-11-16
?
宝慕林4294392

TA贡献2021条经验 获得超8个赞

获取选中的radio单选按钮的值: 

var v=$(":radio[name='aijquery']:checked").val();

动态选中第一个或最后一个radio单选按钮:   

1

2

$(":radio[name='aijquery']:first").attr("checked","true");

$(":radio[name='aijquery']:last").attr("checked","true");

3.动态选中第n个radio单选按钮:

1

$(":radio[name='aijquery']").eq(3).attr("checked","true");

4.动态选中值为7的radio单选按钮:   

1

$(":radio[name='aijquery'][value='7']").attr("checked","true");

这里有在线演示:

网页链接

 


查看完整回答
反对 回复 2019-11-16
  • 5 回答
  • 0 关注
  • 538 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信