Detaillierte Erläuterung zum Abrufen, Zuweisen und Registrieren von Radiowerten in HTML

Detaillierte Erläuterung zum Abrufen, Zuweisen und Registrieren von Radiowerten in HTML
1. Radiogruppierung

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

Code kopieren
Der Code lautet wie folgt:

<span>Gruppe1:</span>
<input type="radio" id="radio1" aktiviert="aktiviert" name="group1" />radio1
<input type="radio" id="radio2" name="gruppe1" />radio2
<input type="radio" id="radio3" name="gruppe1" />radio3

<span>Gruppe2:</span>
<input type="radio" id="radio4" aktiviert="aktiviert" name="group2" />radio4
<input type="radio" id="radio5" name="gruppe2" />radio5
<input type="radio" id="radio6" name="gruppe2" />radio6

Die Wirkung ist wie folgt:


2. Holen Sie sich den ausgewählten Funkknoten

Dies lässt sich ganz einfach mit jQuery erledigen. Wählen Sie zunächst die Gruppe aus und filtern Sie dann die markierten wie folgt heraus:


Code kopieren
Der Code lautet wie folgt:

var Gruppe1 = $("[name='Gruppe1']").filter(":aktiviert");
Konsole.log(Gruppe1.attr("id"));

3. Wählen Sie einen Funkknoten

Verwenden Sie jQuery, um das aktivierte Attribut festzulegen:

Code kopieren
Der Code lautet wie folgt:

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

4. Wählen Sie einen Funkknoten

Entfernen Sie das aktivierte Attribut:

Code kopieren
Der Code lautet wie folgt:

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

Dies kann dazu führen, dass keines der Funkgeräte in einer Gruppe ausgewählt ist.

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:

Code kopieren
Der Code lautet wie folgt:

$("[name='group1']").on("ändern",
Funktion (e) {
Konsole.log($(e.target).val());
}
);

Auf diese Weise wird die Funktion ausgelöst, solange irgendein Element in Gruppe 1 ausgewählt ist.

<<:  Perfekte Lösung für den Themenwechsel basierend auf CSS-Variablen (empfohlen)

>>:  Tutorial zur Verwendung von $attrs und $listeners in Vue

Artikel empfehlen

MySQL-Lösung zum Erstellen eines horizontalen Histogramms

Vorwort Histogramme sind grundlegende statistisch...

Detaillierte Erläuterung des Befehls zum Bereinigen des MySQL-Datenbank-Binlogs

Überblick Heute werde ich hauptsächlich erklären,...

Sieben Prinzipien eines guten Designers (2): Farbgebrauch

<br />Vorheriger Artikel: Sieben Prinzipien ...

Kurze Analyse der verschiedenen Versionen des mysql.data.dll-Treibers

Hier ist der MySQL-Treiber mysql.data.dll Beachte...

JavaScript zum Erzielen eines Skin-Effekts (Ändern des Hintergrunds)

In diesem Artikel wird der spezifische JavaScript...

Implementierungsschritte für die Docker-Bereitstellung lnmp-wordpress

Inhaltsverzeichnis 1. Experimentelle Umgebung 2. ...

Beschreibung der Grenzen und Bereiche zwischen MySQL

MySQL zwischen Grenzbereich Der Bereich zwischen ...

Implementierungsschritte der MySQL-Master-Slave-Replikation

Inhaltsverzeichnis MySQL Master-Slave-Replikation...

Verwendung und Verschönerung von HTML-Blockquote-Tags

Definition und Verwendung von Blockquote Das Tag ...

Vorteile und Prinzipien der MySQL-Replikation im Detail erklärt

Bei der Replikation werden die DDL- und DML-Opera...

So gestalten Sie die Homepage von Tudou.com

<br />Ich arbeite seit mehreren Jahren im Fr...