web-dev-qa-db-fra.com

Comment vérifier le bouton radio est vérifié en utilisant JQuery?

J'ai deux boutons radio dans un groupe, je veux vérifier si le bouton radio est coché ou ne pas utiliser JQuery, comment?

javascriptjqueryradio-button
20
Bader

Étant donné un groupe de boutons radio:

<input type="radio" id="radio1" name="radioGroup" value="1">
<input type="radio" id="radio2" name="radioGroup" value="2">

Vous pouvez tester si un fichier spécifique est vérifié à l'aide de jQuery comme suit:

if ($("#radio1").prop("checked")) {
   // do something
}

// OR
if ($("#radio1").is(":checked")) {
   // do something
}

// OR if you don't have ids set you can go by group name and value
// (basically you need a selector that lets you specify the particular input)
if ($("input[name='radioGroup'][value='1']").prop("checked"))

Vous pouvez obtenir la valeur de celle actuellement cochée dans le groupe comme suit:

$("input[name='radioGroup']:checked").val()
48
nnnnnn

//the following code checks if your radio button having name like 'yourRadioName' 
//is checked or not
$(document).ready(function() {
  if($("input:radio[name='yourRadioName']").is(":checked")) {
      //its checked
  }
});
8
Sudhir Bastakoti

C'est la meilleure pratique

$("input[name='radioGroup']:checked").val()
2
Mahendra Jella

En poussant certaines réponses un peu plus loin - si vous procédez comme suit, vous pouvez vérifier si un élément du groupe radio a été vérifié:

if ($('input[name="yourRadioNames"]:checked').val()){ (coché) ou if (!$('input[name="yourRadioNames"]:checked').val()){ (non coché)

0
Antony

Vérifiez celui-ci aussi:

$(document).ready(function() { 
  if($("input:radio[name='yourRadioGroupName'][value='yourvalue']").is(":checked")) { 
      //its checked 
  } 
});
0
radu florescu