Explication détaillée d'exemples d'obtention, d'attribution et d'enregistrement d'événements pour les valeurs radio dans la production de pages HTML_HTML/Xhtml_Web

1. Regroupement radio

Tant que le nom est le même, il s'agit d'un groupe, c'est-à-dire qu'un seul peut être sélectionné dans un groupe, comme suit :

Copier le code

Le code est le suivant :

group1 : type="radio" id="radio1" vérifié= "vérifié" name="group1" />radio1
radio2
radio3

group2:
radio4
radio5
< ;input type="radio" id="radio6" name="group2" />radio6

L'effet est le suivant :


2. Obtenez le nœud radio sélectionné

L'utilisation de jquery peut être très simple. Pour faciliter les choses, sélectionnez d'abord le groupe, puis filtrez ceux cochés, comme suit :

Copiez le code Le code est le suivant :

var group1 = $("[name='group1']" .filter(":checked");
console.log(group1.attr("id")) ;

3, sélectionnez un nœud radio

Utilisez jquery pour définir l'attribut coché :

Copier le codeLe code est le suivant :

$("#radio2").attr("checked", "checked");

4, allez Sélectionnez un nœud radio

pour supprimer l'attribut vérifié :

Copiez le code Le code est le suivant :

$("#radio1"). removeAttr("checked");

Le résultat peut être qu'aucune des radios du groupe n'est sélectionnée.

5. Enregistrez l'événement de sélection et de désélection

Ou utilisez la fonction on de jquery pour enregistrer l'événement de changement, comme suit :

Copiez le code Le code est le suivant :

$("[name='group1']").on("change",
function (e) {
console.log($(e.target).val());
}

De cette façon, tant que n'importe qui dans le groupe 1 est sélectionné, il déclenchera la fonction.