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

科技探索者 2017-11-28

jquery type Blog input


使用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()
本文转自程序猿博客51CTO博客,原文链接http://blog.51cto.com/haihuiwei/1605906如需转载请自行联系原作者

365850153
登录 后评论
下一篇
云攻略小攻
510人浏览
2019-10-11
相关推荐
jq获取表单值与赋值代码
463人浏览
2014-04-13 19:40:00
jQuery 操作表单
430人浏览
2009-02-19 13:37:00
jquery笔记
425人浏览
2017-11-15 11:48:00
jquery操作下拉框
508人浏览
2012-12-03 19:40:00
JQuery操作下拉框
319人浏览
2013-03-06 08:57:00
JQuery常用操作
401人浏览
2010-03-14 17:48:00
JQuery常用操作
613人浏览
2017-09-12 14:41:00
jquery选择器总结2
395人浏览
2014-07-08 14:54:00
jQuery 表单选择器
257人浏览
2017-05-09 20:41:10
0
0
0
526