So überprüfen Sie, ob das Kontrollkästchen aktiviert ist oder nicht mit reinem JavaScript
Sie können einfache JavaScript-Methoden verwenden, um zu überprüfen, ob ein Kontrollkästchen oder mehrere Kontrollkästchen auf einer Webseite aktiviert sind oder nicht. Hierfür ist keine Bibliothek wie jQuery etc. erforderlich. Tatsächlich kann die Methode, die ich Ihnen hier zeige, auch für dynamisch erstellte Kontrollkästchen verwendet werden.
Beispiel 1
Im ersten Beispiel verwende ich Kontrollkästchen, die ich zur Entwurfszeit hinzugefügt habe. Die Kontrollkästchen befinden sich in einem Element, das als Container dient. Mit einem einfachen Skript überprüfe ich, ob ein Kontrollkästchen aktiviert ist oder nicht.
Markieren Sie ein oder mehrere Kontrollkästchen und klicken Sie auf die Schaltfläche!
Funktion jetztCheck() {
// Holen Sie sich alle untergeordneten Elemente innerhalb des DIV.
var cont = document.getElementById(‘birds’).children;
for (var i = 0; i
Versuch es
Es ist ein einfaches Skript. Zuerst rufe ich alle untergeordneten Elemente in einem Element ab und überprüfe, ob ein untergeordnetes Element a . ist Kontrollkästchen . ich laufe a für Schleife um die Art der Elemente zu überprüfen, die ich in der .
Als nächstes verwenden Sie die .geprüft -Eigenschaft überprüfe ich, ob das Kontrollkästchen aktiviert ist oder nicht.
if (Fortsetzung[i]. geprüft ) {}
Die Eigenschaft .geprüft gibt einen booleschen Wert zurück (wahr oder falsch). Wenn also ein Kontrollkästchen aktiviert ist, gibt die Eigenschaft zurück wahr , sonst ist es falsch.
Nano auf Centos installieren
Beispiel 2
Das gleiche obige Verfahren (oder Verfahren) kann verwendet werden, um dynamisch erstellte Kontrollkästchen zu aktivieren.
Du kannst ganz einfach Kontrollkästchen dynamisch mit JavaScript erstellen und zu einer Webseite hinzufügen . Auch diese Checkboxen müssen in manchen Fällen angekreuzt werden.
So können Sie dies tun.
Funktion jetztCheck() {
// Alle untergeordneten Elemente im Container abrufen.
var cont = document.getElementById(‘container’).children;
for (var i = 0; i element. container.appendChild(chk); container.appendChild(lbl); obj.value = ''; document.getElementById(obj.id).focus(); i = i + 1; } }
Versuch es
Jetzt können Sie Ihre Kontrollkästchen einfach auf der Clientseite mit den oben genannten Methoden validieren. Vergessen Sie jedoch nie, Formulardaten auch auf der Serverseite zu validieren. Hoffe das hilft
Das war's. Danke fürs Lesen.
Reagieren Sie auf native Google-Orte
#javascript