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

//获取单选按钮值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获取表单中的所有单选按钮和选中的值。

$.each($("input[type='radio']").filter(":checked"), function () {
  console.log("Name:" + this.name);
  console.log("Value:" + $(this).val());
});

使用此。。

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

另一种获取方法：

$（“#myForm input[type=radio]”）.on（“change”，function（）{如果（选中此项）{警报（this.value）；}});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“myForm”><span><input type=“radio”name=“q12_3”value=“1”>1</span><br><span><input type=“radio”name=“q12_3”value=“2”>2</span></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"
}

从这个问题中，我提出了一种替代方法，当您在相应标签的单击事件中时，可以访问当前选定的输入。原因是因为新选择的输入直到其标签的单击事件之后才更新。

TL；博士

$('label').click(function() {
  var selected = $('#' + $(this).attr('for')).val();

  ...
});

$（函数）{//这完全不能像上面解释的那样正常工作$（“#报告标签”）.click（function（）{var query=$（'input[name=“filter”]：checked'）.val（）；var time=（new Date（））.toString（）；$（'.query[data-method=“click event”]'）.html（query+'在'+time）；});//这是有效的，但在连续单击同一标签时无法更新$（'#报告的输入[name=“filter”]'）.on（'change'，function（）{var query=$（'input[name=“filter”]：checked'）.val（）；var time=（new Date（））.toString（）；$（'.query[data method=“change event”]'）.html（查询+'在'+time）；});//这是我想出的解决方案$（“#报告标签”）.click（function（）{var查询=$（“#”+$（this）.attr（'fr'））.val（）；var time=（new Date（））.toString（）；$（'.query[data-method=“click event with this”]'）.html（query+'at'+time）；});});输入[name=“filter”]{显示：无；}#报告的标签{背景色：#ccc；填充：5px；边距：5px；边界半径：5px；光标：指针；}.query查询{填充：5px；边距：5px；}.query:之前{content:“on”attr（数据方法）“：”；}[数据方法=“单击事件”]{颜色：红色；}[数据方法=“更改事件”]{颜色：#cc0；}[数据方法=“单击此事件”]{颜色：绿色；}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script><form id=“reported”><input type=“radio”name=“filter”id=“question”value=“questions”checked=“checked”><label for=“question”>问题</label><input type=“radio”name=“filter”id=“answer”value=“answers”><label for=“answer”>答案</label><input type=“radio”name=“filter”id=“comment”value=“comments”><label for=“comment”>注释</label><input-type=“radio”name=“filter”id=“user”value=“users”><label for=“user”>用户</label><input type=“radio”name=“filter”id=“company”value=“companies”><label for=“company”>公司</label><div class=“query”data method=“click event”></div><div class=“query”data method=“change event”></div><div class=“query”data method=“click event with this”></div></form>