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

最新推荐文章于 2023-08-12 12:21:00 发布

weixin_33860147

最新推荐文章于 2023-08-12 12:21:00 发布

阅读量92

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://yq.aliyun.com/articles/545485

本文介绍了如何使用jQuery来获取表单中被选中的radio项的值。提供了多种实用的jQuery选择器示例，并展示了如何遍历所有radio项及获取特定radio的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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