如果在一个表单上只有一组单选按钮，jQuery代码如下所示：

$( "input:checked" ).val()

这很好

$('input[type="radio"][class="className"]:checked').val()

工作演示

：checked选择器适用于复选框、单选按钮和选择元素。仅对于select元素，请使用：selected选择器。

API：选中的选择器

获取所有收音机：

var radios = jQuery("input[type='radio']");

筛选以获取选中的

radios.filter(":checked")

使用$（'input[name=“radioName”]'）.filter（“：checked”）.val（）；对我来说是最好的方式。

经过测试，这是可行的

Form

<form id="myForm">
  <input type="radio" name="radioName" value="Option1"> Option1
  <input type="radio" name="radioName" value="Option2" checked> Option2
  <input type="radio" name="radioName" value="Option3"> Option3
</form>

滑动分页

$(document).ready(function() {
  $('input[name="radioName"]').on('change', function() {
     const val = $(this).filter(":checked").val();
     alert(val);
  })

  // First load check
  const val = $('input[name="radioName"]').filter(":checked").val();
  alert(val);
});

此处示例：https://codepen.io/abinhho/pen/mdLrqbX

**请尝试以下示例以检查选中的单选按钮**

<script>
    $('#form1 input').on('change', function() {
       alert($('input[name=age]:checked', '#form1 ').val()); 
    });
</script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
    <form id="form1">
      <input type="radio" name="age" value="18" /> 18 <br />
      <input type="radio" name="age" value="20" /> 20 <br />
      <input type="radio" name="age" value="22" /> 22 <br />
    </form>

如果您已经引用了单选按钮组，例如：

var myRadio = $("input[name=myRadio]");

使用filter（）函数，而不是find（）。（find（）用于查找子元素/子元素，而filter（）用于搜索所选内容中的顶级元素。）

var checkedValue = myRadio.filter(":checked").val();

注意：这个答案最初是在纠正另一个建议使用find（）的答案，但后来似乎有所改变。find（）对于已经引用了容器元素但没有引用单选按钮的情况仍然有用，例如：

var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();