Maison  >  Article  >  interface Web  >  Explication détaillée de la façon d'obtenir la valeur du bouton radio sélectionné à l'aide de jQuery

Explication détaillée de la façon d'obtenir la valeur du bouton radio sélectionné à l'aide de jQuery

伊谢尔伦
伊谢尔伦original
2017-06-28 13:11:373370parcourir

Cet article partagera avec vous deux exemples de code pour vous expliquer jqueryObtenir la valeur du bouton radioradio sélectionné, ce qui est très bon et a une valeur de référence. Jetons un coup d'oeil

Exemple 1 :

<p id="wrap">
  <input type="radio" name="payMethod" value="1" />男
  <input type="radio" name="payMethod" value="2" />女
</p>

Obtenez un ensemble de boutons radio objet  : var obj_payPlat<a href="http://www.php.cn/wiki/125.html" target="_blank">for<code>var obj_payPlat<a href="http://www.php.cn/wiki/125.html" target="_blank">for</a>m = $('#wrap input[name="payMethod"]');m = $('#wrap input[name="payMethod"]' );

Récupérer la valeur du bouton sélectionné : var val_payPlatform = $('#wrap input[name="payMethod"]:checked ').val();

Exemple 2 :

Utiliser jquery pour obtenir la valeur de la radio. Le plus important est de maîtriser jquery. Lors de l'utilisation de sélecteurs, dans un formulaire, nous voulons généralement obtenir la valeur de l'élément radio sélectionné, nous devons donc ajouter une vérification au filtre. Par exemple, il y a les éléments radio suivants :

1.29b57ba6eeb8dbb9dac7ef2d07b04ef1jquery obtient la valeur de la radio

2.bd27b39dcc5c8002aee34386aeffdf9fjquery obtient la valeur de la case à cocher

3.3ff569c1bd8cd4abe5246e92eb292964jquery obtient la sélection La valeur de

Il existe plusieurs façons d'obtenir la valeur d'une certaine radio, donnez simplement le code directement :

1,

$(&#39;input[name="testradio"]:checked&#39;).val();
$(&#39;input:radio:checked&#39;).val();
$(&#39;input[@name="testradio"][checked]&#39;);
$(&#39;input[name="testradio"]&#39;).filter(&#39;:checked&#39;);

C'est presque terminé Et si on voulait parcourir toutes les radios portant le nom testradio Le code est le suivant

$(&#39;input[name="testradio"]&#39;).each(function(){2.alert(this.value);3.});

Si vous souhaitez obtenir la valeur d'une radio spécifique, comme la valeur de la deuxième radio, écrivez comme ceci

$(&#39;input[name="testradio"]:eq(1)&#39;).val()

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn