Explication détaillée des exemples d'événements d'acquisition, d'affectation et d'enregistrement de valeurs radio​​en HTML

Cet article présente principalement les événements d'acquisition, d'attribution et d'enregistrement des valeurs radio​​en HTML. Il convient très bien aux amis novices qui aiment le HTML. 1. Regroupement radio

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

Le code est le suivant :

<span>group1:</span> 
<input type="radio" id="radio1" checked="checked" name="group1" />radio1 
<input type="radio" id="radio2" name="group1" />radio2 
<input type="radio" id="radio3" name="group1" />radio3 
<span>group2:</span> 
<input type="radio" id="radio4" checked="checked" name="group2" />radio4 
<input type="radio" id="radio5" name="group2" />radio5 
<input type="radio" id="radio6" name="group2" />radio6

L'effet est le suivant :


2 Obtenez le nœud radio sélectionné

Il peut être facilement réalisé en utilisant jquery. Sélectionnez d'abord le groupe, puis filtrez ceux cochés comme suit :

Le code est le suivant :

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

. 3. Sélectionnez un nœud radio

et utilisez jquery pour définir l'attribut vérifié :

Le code est le suivant :

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

4. Pour sélectionner un nœud radio

supprimez l'attribut coché :

Le code est le suivant :

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

Le résultat de ceci peut être qu'aucun des Les radios du groupe sont sélectionnées.

5. Enregistrez les événements sélectionnés et non sélectionnés

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

Le code est le suivant :

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

De cette façon, tant qu'un membre du groupe 1 est sélectionné, la fonction sera déclenchée.

Pour des explications plus détaillées sur les exemples d'événements d'acquisition, d'affectation et d'enregistrement de valeurs radio​​en HTML, veuillez faire attention au site Web PHP chinois pour les articles connexes !