Ausführliche Erläuterung von Beispielen zum Abrufen, Zuweisen und Registrieren von Ereignissen für Radiowerte in HTML

Dieser Artikel stellt hauptsächlich die Erfassungs-, Zuweisungs- und Registrierungsereignisse von Radiowerten in HTML vor. Er ist sehr gut für Anfänger geeignet, die HTML mögen. 1. Funkgruppierung

Solange der Name derselbe ist, handelt es sich um eine Gruppe, d. h. es kann nur einer in einer Gruppe ausgewählt werden, wie folgt:

Der Code ist wie folgt:

<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

Der Effekt ist wie folgt:


2 Holen Sie sich den ausgewählten Funkknoten

Es kann sein ganz einfach mit jquery. Wählen Sie zuerst die Gruppe aus und filtern Sie dann die markierten heraus:

Der Code lautet wie folgt:

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

3. Wählen Sie einen Funkknoten aus

und verwenden Sie jquery, um das geprüfte Attribut festzulegen:

Der Code lautet wie folgt:

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

4. Um einen Funkknoten auszuwählen,

entfernen Sie das aktivierte Attribut:

Der Code lautet wie folgt:

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

Das Ergebnis davon kann sein, dass keiner der Die Radios in der Gruppe werden ausgewählt.

5. Registrieren Sie die ausgewählten und nicht ausgewählten Ereignisse

Oder verwenden Sie die On-Funktion von jquery, um das Änderungsereignis wie folgt zu registrieren:

Der Code lautet wie folgt:

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

Auf diese Weise wird die Funktion ausgelöst, solange jemand in Gruppe1 ausgewählt ist.

Ausführlichere Erläuterungen zu den Erfassungs-, Zuweisungs- und Registrierungsereignisbeispielen von Radiowerten in HTML finden Sie auf der chinesischen PHP-Website für verwandte Artikel!