Méthode de fonctionnement de la radio JQuery (bouton radio) summary_jquery

À mesure que Jquery devient de plus en plus utile, de plus en plus d'amis l'utilisent. Sur le Web, en raison de la fréquence élevée d'utilisation de contrôles tels que CheckBox, Radiobutton et DropDownList, cela est lié au fonctionnement de ces contrôles dans Jquery. Étant donné que la version de Jquery est mise à jour très rapidement, la façon d'écrire le code a également beaucoup changé. Le code Jquery suivant convient à query1.4 et supérieur.

1. Récupérez la valeur sélectionnée, trois méthodes sont disponibles :

Copier le code Le code est le suivant :

$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

2. Définissez la première radio comme valeur sélectionnée :

Copier le code Le code est le suivant :

$('input:radio:first').attr('checked', 'checked');

ou

Copier le code Le code est le suivant :

$('input:radio:first').attr('checked', 'true');

Remarque : attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3. Définissez la dernière radio comme valeur sélectionnée :

Copier le code Le code est le suivant :

$('input:radio:last').attr('checked', 'checked');

ou

Copier le code Le code est le suivant :

$('input:radio:last').attr('checked', 'true');

4. Définissez n'importe quelle radio comme valeur sélectionnée en fonction de la valeur d'index :

Copier le code Le code est le suivant :

$('input:radio').eq(valeur d'index).attr('checked', 'true');Valeur d'index=0,1,2....

ou

Copier le code Le code est le suivant :

$('input:radio').slice(1,2).attr('checked', 'true');

5. Réglez Radio sur la valeur sélectionnée en fonction de la valeur Valeur

Copier le code Le code est le suivant :

$("input:radio[value='rd2']").attr('checked','true');

ou

Copier le code Le code est le suivant :

$("input[value='rd2']").attr('checked','true');

6. Supprimez la radio dont la valeur est rd2

Copier le code Le code est le suivant :

$("input:radio[value='rd2']").remove();

7. Quelle radio supprimer

Copier le code Le code est le suivant :

$("input:radio").eq(valeur d'index).remove(); valeur d'index=0,1,2....

Par exemple, supprimez le troisième Radio:$("input:radio").eq(2).remove();

8. Traversée Radio

Copier le code Le code est le suivant :

$('input:radio').each(function(index,domEle){

//Écrire le code

});