当有多个具有相同名称的单选按钮时，如何检查选择了哪个单选按钮？ （使用jquery）

Question

<form class="responses">
    <input type="radio" name="choice" value="0">False</input>
    <input type="radio" name="choice" value="1">True</input>
</form>

试过：

$('[name="choice"]').is(':checked'))

如果选中其中之一，则返回true，如果两者都未选中则返回false，但我需要查看哪一个被选中。

我正在动态创建选择，而不是给每个ID。

Answer 1

使用以下代码，您将获得已检查的radio元素的DOM

$("[name=choice]:checked")

Answer 2

以下代码将给出选中的单选按钮的值。 如果未选中nothig，则将给出undefined。 将此代码段放在函数中，并在选中单选按钮时调用该函数

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

Answer 3

如果您想知道所选值的使用方法

$("input:radio[name='choice']:checked").val();

如果您想知道选择了哪个单选按钮，请使用

var radioButton = $("input:radio[name='choice']");
var selectedIndex = radioButton.index(radioButton.filter(':checked'));

Answer 4

其他答案是完美的，这可能是另一种方法

HTML：

<form class="responses">
 <input type="radio" name="choice" class="my_radio" value="0">False</input>
 <input type="radio" name="choice" class="my_radio" value="1">True</input>
</form>

JQUERY：

 $('.my_radio').click(function(){
  alert($(this).val());
 });

Answer 5

尝试这个：

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

脚本：

$( "#myForm input" ).on( "change", function() {
  $( "#log" ).html( $( "input[name=choice]:checked" ).val() + " is checked!" );
});

HTML：

<form id="myForm">
    <input type="radio" name="choice" value="0">False</input>
    <input type="radio" name="choice" value="1">True</input>
</form>
<div id="log"></div>

 $( "#myForm input" ).on( "change", function() { $( "#log" ).html( $( "input[name=choice]:checked" ).val() + " is checked!" ); }); 

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form id="myForm"> <input type="radio" name="choice" value="0">False</input> <input type="radio" name="choice" value="1">True</input> </form> <div id="log"></div>