Maison > interface Web > js tutoriel > 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

伊谢尔伦
Libérer: 2017-06-28 13:11:37
original
3383 Les gens l'ont consulté

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>
Copier après la connexion

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

Récupérer la valeur du bouton sélectionné : var val_payPlatform = $(&#39;#wrap input[name="payMethod"]:checked &#39;).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.jquery obtient la valeur de la radio

2.< input type="radio" name="testradio" value=" jquery obtient la valeur de la case à cocher" />jquery obtient la valeur de la case à cocher

3.jquery 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;);
Copier après la connexion

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.});
Copier après la connexion

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()
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal