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

最新推荐文章于 2021-03-21 23:57:56 发布

原创最新推荐文章于 2021-03-21 23:57:56 发布 · 1.3k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript

当前文章被收录于：

JavaScript

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何使用JQuery获取表单中被选中的Radio按钮的值，并提供多种方法及示例代码。

Jquery提供的选择器极大的方便了开发人员对Dom的操作，真正实现了代码简化，却功能强大的目标。下面就日常最常用的，在Form表单中如何获取被中选的Radio值做一小小的示例。

form表单如下：

             此处略去200字
              <input type="radio" name="opType" value="0" />搁置<br />
              <input type="radio" name="opType" value="1" />解决<br />
             <input type="radio" name="opType" value="2" />转派4<br />
      </form>

那么如何获取被选中的radio值呢，Juqery为我们提供了如下几个方法

  $("input[name='opType']:checked").val() -------此方法估计用的比较多，通俗易懂

  $("input:radio:checked").val(); ---------此方法最简单，但是连着使用选择器不容易懂
  $("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked]，本人第一次就写成这个了
  
    那么，偶尔也需要遍历一下radio，如何做呢？当然需要each出场了，具体如下：
    $('input[name="﻿﻿﻿﻿opType"]').each(function(){

      alert(this.name+this.value);

    });  
 
  应该明白了吧，若有什么更好的方法欢迎盖楼。