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

Question

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

Have tried:

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

If either is checked it returns true, if neither is checked returns false, but I need to see which one is checked.

I am creating choices dynamically, and am not giving each an ID.

Answer 1

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

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

Answer 2

The following code will give the value of the checked radio button. If nothig is checked it will give undefined. Put this snippet inside a function and call the function on checking radio button

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

Answer 3

If you want to know the selected value use

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

If you want to know which radio button is selected use

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

Answer 4

Other answers are the perfect one , this can be an another approach

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

try this:

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

Script:

$( "#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>