Maison > interface Web > js tutoriel > Contrôle JQuery Méthode de sélection radio Analysis_jquery

Contrôle JQuery Méthode de sélection radio Analysis_jquery

WBOY
Libérer: 2016-05-16 15:57:17
original
1255 Les gens l'ont consulté

L'exemple de cet article décrit la méthode de sélection Radio du contrôle JQuery. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

Méthode 1 :

$(function () { 
  $("#spanNan").click(function () { 
  $("#Radio1").attr("checked", true); 
  $("#Radio2").attr("checked", false); 
  });
  $("#spanNv").click(function () {
  $("#Radio2").attr("checked", true);
  $("#Radio1").attr("checked", false);
  });
})

Copier après la connexion

Méthode 2 : (Méthode simple)

$(function () {
  $("#spanNan").click(function () {
  //$("#Radio1").attr("checked", true);
  //$("#Radio2").attr("checked", false);
  $("#Radio1").click();
  });
  $("#spanNv").click(function () {
  //$("#Radio2").attr("checked", true);
  //$("#Radio1").attr("checked", false);
  $("#Radio2").click();
  });
})

Copier après la connexion
<input id="Radio2" type="radio" name="sex"/>
<label for="Radio2">女</label>

Copier après la connexion

Résumé :

Si vous souhaitez implémenter la sélection radio dans le contrôle HTML Radio, comme la sélection des hommes et des femmes dans cet exemple, vous devez ajouter un attribut name à Radio avec la même valeur par exemple : name="sex" ; .

La radio est sélectionnée par défaut :

jQuery(document).ready(function(){
  $("input[name=targetBlank]:eq(0)").attr("checked",'checked');
  $("input[name=status]:eq(0)").attr("checked",'checked');
});
Copier après la connexion

Utilisez jquery pour obtenir la valeur de la radio. Le plus important est de maîtriser l'utilisation du sélecteur jquery 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 existe les éléments radio suivants :

1.jquery obtient la valeur de la radio
2.jquery obtient la valeur de la case à cocher
3.jquery obtient la valeur de select

Pour obtenir la valeur d'une certaine radio, il existe les méthodes suivantes, il suffit de donner directement le code :

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

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

$('input[@name="testradio"][checked]');

$('input[name="testradio"]').filter(':checked');

Copier après la connexion

C'est presque terminé. Et si on veut parcourir toutes les radios nommées testradio Le code est le suivant

$('input[name="testradio"]').each(function(){alert(this.value);});

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

<script type="text/javascript">
$(document).ready(function(){
  $("input[@type=radio][name=sex][@value=1]").attr("checked",true);
}); 
</script>
Copier après la connexion

Votre sexe :

<input type="radio" name="sex" value="1" <s:if test="user.sex==1">checked</s:if>/>男 
<input type="radio" name="sex" value="0" <s:if test="user.sex==0">checked</s:if>/>女 

Copier après la connexion

J'espère que cet article sera utile à la programmation jQuery de chacun.

É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