Question Comment puis-je savoir quel bouton radio est sélectionné via jQuery?


J'ai deux boutons radio et je veux afficher la valeur de celui sélectionné. Comment puis-je obtenir la valeur avec jQuery?

Je peux tous les avoir comme ça:

$("form :radio")

Comment savoir lequel est sélectionné?


2289
2018-02-27 19:53


origine


Réponses:


Pour obtenir la valeur de la choisi  radioName élément d'un formulaire avec id myForm:

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

Voici un exemple:

$('#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">
  <input type="radio" name="radioName" value="1" /> 1 <br />
  <input type="radio" name="radioName" value="2" /> 2 <br />
  <input type="radio" name="radioName" value="3" /> 3 <br />
</form>


3532
2018-02-27 19:58



Utilisez ceci..

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

369
2018-01-07 00:45



Si vous avez déjà une référence à un groupe de boutons radio, par exemple:

var myRadio = $("input[name=myRadio]");

Utilisez le filter() fonction, pas find(). (find() est pour localiser les éléments enfants / descendants, alors que filter() recherche les éléments de haut niveau dans votre sélection.)

var checkedValue = myRadio.filter(":checked").val();

Remarques: Cette réponse corrigeait à l'origine une autre réponse qui recommandait d'utiliser find(), qui semble avoir été depuis changé. find() pourrait toujours être utile dans le cas où vous avez déjà fait référence à un élément de conteneur, mais pas aux boutons radio, par exemple:

var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();

256
2018-02-09 18:25



Cela devrait fonctionner:

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

Notez le "" usé autour de l'entrée: vérifié et non "" comme la solution de Peter J


118
2018-03-30 22:29



Vous pouvez utiliser le sélecteur: checked avec le sélecteur radio.

 $("form:radio:checked").val();

69
2018-02-27 20:00



Si vous voulez juste la valeur booléenne, c'est-à-dire si elle est cochée ou non, essayez ceci:

$("#Myradio").is(":checked")

42
2017-08-30 20:27



Obtenez toutes les radios:

var radios = jQuery("input[type='radio']");

Filtre pour obtenir celui qui est vérifié

radios.filter(":checked")

42
2017-09-01 17:55



Une autre option est:

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

35
2017-09-21 19:35



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

25
2017-10-16 20:20