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
Die erste Methode zur Parameterübergabe ist die d...
Die Vue-Routing-Seite this.route.push wird nicht ...
Inhaltsverzeichnis Hintergrund Technische Lösung ...
1. „Get“ wird verwendet, um Daten vom Server abzu...
Es gibt wahrscheinlich ebenso viele modulare Lösu...
In vielen Fällen wird die Schaltfläche „Senden“ du...
Übersicht über die MySQL-Speicher-Engine Was ist ...
Inhaltsverzeichnis Anwendungsszenario Einfach aus...
Das mit JavaScript-Objekten und -Methoden impleme...
Inhaltsverzeichnis 1. Häufig verwendete Zeichenfo...
Der spezifische Code lautet wie folgt: <!DOCTY...
Sollte dieser Artikel Fehler enthalten oder du An...
1. Herunterladen und entpacken 1. Einführung in Z...
Ursache des Problems: Zunächst kann die Standard-...
In diesem Artikel wird die Erstellung einer USB-S...