使用$（'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

这应该是有效的：

$("input[name='radioName']:checked").val()

注意输入周围使用的“”：已检查，而不是像Peter J的解决方案那样的“”

使用此。。

$("#myform input[type='radio']:checked").val();

另一个选项是：

$('input[name=radioName]:checked').val()

我发布了一个库来帮助解决这个问题。实际上，提取所有可能的输入值，但也包括选中的单选按钮。你可以在https://github.com/mazondo/formalizedata

它将为您提供一个包含答案的js对象，因此表单如下：

<form>
<input type="radio" name"favorite-color" value="blue" checked> Blue
<input type="radio" name="favorite-color" value="red"> Red
</form>

将给您：

$("form").formalizeData()
{
  "favorite-color" : "blue"
}

此解决方案不需要jQuery。

const RADIO_NAME = "radioName";
const radios = Array.from(document.getElementsByName(RADIO_NAME));
const checkedRadio = radios.filter(e=>e.checked);

这使用jQuery：

const radios = Array.from($(`[name=${RADIO_NAME}`));
const checkedRadio = radios.filter(e=>e.checked);

jQuery添加了这里不需要的额外抽象层。

您还可以使用：

const radios = Array.from(document.querySelectorAll(`[name=${RADIO_NAME}`));
const checkedRadio = radios.filter(e=>e.checked)[0];

但getElementsByName足够简单明了。