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.3e4177bc1639f124b65c87ba003a3817jquery obtient la valeur de la radio
2.814c0e625413f82111a67b0c46cd5280jquery obtient la valeur de la case à cocher
3.ead1c7ba9fe866a103062c22385daf1ejquery 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.