如果在一个表单上只有一组单选按钮，jQuery代码如下所示：

$( "input:checked" ).val()

在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）。

这很好

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

工作演示

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

API：选中的选择器

除了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>

您可以调用函数onChange（）

  <input type="radio" name="radioName" value="1" onchange="radio_changed($(this).val())" /> 1 <br />
  <input type="radio" name="radioName" value="2" onchange="radio_changed($(this).val())"  /> 2 <br />
  <input type="radio" name="radioName" value="3"  onchange="radio_changed($(this).val())" /> 3 <br />

<script>
function radio_changed(val){
    alert(val);
}
</script>

使用此。。

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