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

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);
  });
})

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();
  });
})

<input id="Radio2" type="radio" name="sex"/>
<label for="Radio2">女</label>

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');
});

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');

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>

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>/>女 

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