这个怎么样？

使用更改并获取无线电类型的值。。。

$（'#my radio form'）.on（'change'，function（）{console.log（$（'[type=“radio”]：checked'）.val（））；});<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js“></script><form id=“my radio form”><input type=“radio”name=“input radio”value=“a”/>a<input type=“radio”name=“input radio”value=“b”/>b<input type=“radio”name=“input radio”value=“c”/>c<input type=“radio”name=“input radio”value=“d”/>d</form>

这很好

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

工作演示

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

API：选中的选择器

要获取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>

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

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>

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

除了CSS选择器：checked之外，您还可以使用prop函数（从jQuery1.6开始）。我不记得我在做什么项目，其中只使用$（“#something”）.is（“：checked”）有时有效，当它失败时，我也会使用$（‘#somethink’）.prop（‘checked’），但这导致我同时使用两者。

在下面的代码片段中，我编写了两个助手函数，is_checked和get_group_value。函数is_checked返回布尔值true/false；如果在参数中传递的输入被检查（也用prop（）函数检查），则为true；如果未检查，则为false。函数get_group_value获取无线电输入的名称，并返回选中的值，如果未选中，则返回空字符串。这些助手函数还可以使用复选框，而不仅仅是单选按钮。

由于问题没有定义他们何时检索值，我为四（3）种不同的场景编写了一些听众：与任何单选按钮交互时、提交表单时，以及单击这些硬编码按钮之一一次性检索组值时。

请注意，我使用“单击”来标识用户何时与无线电输入元素交互，因为“更改”永远不会被触发，因为“值”属性在选中或未选中时不会被更改。我将此用于复选框和单选按钮。

函数已检查（输入）{var$input=$（输入）；return$input.is（':checked'）||$input.prop（'checked'）//返回布尔值。如果选中，则为True，否则为false。}函数get_group_value（组名）{var$inputs=$（'[name=“'+group_name+'”]：选中'）；if（$inputs.length）{return$inputs.first（）.val（）；}//如果存在，返回找到的第一个值返回“”//如果不存在，则不返回任何内容}$（'form'）.on（'submit'，函数（e）{e.预防违约（）；var$form=$（this），结果={}；$form.find（'input[type=radio]'）.each（function（）{var$input=$（this）；if（is checked（this））{结果[$input.attr（'name'）]=$input.val（）；}});console.info（'表单结果'，结果）；});$（'form input[type=radio]'）.on（'click'，函数（e）{var组名=$（this）.attr（'name'）；console.info（'单选按钮单击'，group_name，get_group_value（group_name））；});$（'按钮.单选按钮'）.on（'单击'，功能（e）{var组名=$（this）.attr（'id'）；console.info（'Button Click'，group_name，get_group_value（group_name））；});.我的测试{背景：#ffffff；颜色：#000000；填充：16px；}表单{填充：8px；边框：1px实心#999999；}字段集{边框：无；}<script src=“https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js“></script><div class=“我的测试”><表单>第1组<fieldset><label><input type=“radio”name=“example-1”value=“Foo”required/>Foo</label><label><input type=“radio”name=“example-1”value=“Bar”required/>Bar</label></fieldset>第2组<fieldset><label><input type=“radio”name=“example-2”value=“Banana”required/>Banana</label><label><input type=“radio”name=“example-2”value=“Apple”required/>Apple</label></fieldset><button type=“submit”>提交</button></form><p>按下此按钮只获取第一组的值：＜button class=“radio button”id=“example-1”＞Foo or Bar</按钮></p><p>按下此按钮只获取第二组的值：<button class=“radio button”id=“example-2”>香蕉还是苹果</按钮></p></div>