如果在单个表单中有多个单选按钮，则

var myRadio1 = $('input[name=radioButtonName1]');
var value1 = myRadio1.filter(':checked').val();

var myRadio2 = $('input[name=radioButtonName2]');
var value2 = myRadio2.filter(':checked').val();

这对我有用。

在我的例子中，我在一个表单中有两个单选按钮，我想知道每个按钮的状态。以下内容适用于我：

//获取单选按钮值console.log（“radio1:”+$（'input[id=radio1]：checked'，'#toggle form'）.val（））；console.log（“radio2:”+$（'input[id=radio2]：checked'，'#toggle form'）.val（））；<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“toggle form”><div id=“radio”><input type=“radio”id=“radio1”name=“radio“checked=”checked“/><label for=”radio1“>绘制单个</label><input type=“radio”id=“radio2”name=“radio”/><label for=“radio2”>全部绘制</label></div></form>

此解决方案不需要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足够简单明了。

要获取id为myForm的表单的选定radioName项的值，请执行以下操作：

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

下面是一个示例：

$（'#myForm input'）.on（'change'，function（）{alert（$（'input[name=radioName]:checked'，'#myForm'）.val（））；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“myForm”><fieldset><legend>选择radioName</legend><label><input-type=“radio”name=“radioName”value=“1”/>1</label><br/><label><input-type=“radio”name=“radioName”value=“2”/>2</label><br/><label><input-type=“radio”name=“radioName”value=“3”/>3</label><br/></fieldset></form>

我发布了一个库来帮助解决这个问题。实际上，提取所有可能的输入值，但也包括选中的单选按钮。你可以在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"
}

获取所有收音机：

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

筛选以获取选中的

radios.filter(":checked")