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

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>

试试看-

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

console.log(radioVal);

在JSF生成的单选按钮（使用<h:selectOneRadio>标记）中，可以执行以下操作：

radiobuttonvalue = jQuery("input[name='form_id\:radiobutton_id']:checked").val();

其中selectOneRadio ID是radiobutton_ID，表单ID是form_ID。

如图所示，请务必使用name而不是id，因为jQuery使用这个属性（名称由JSF自动生成，类似于控件id）。

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

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();

这应该是有效的：

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

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

另一个选项是：

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