Einführung in die Verwendung der unbestimmten Eigenschaft des Kontrollkästchens

Wenn wir das Dialogfeld „Ordnereigenschaften“ in Windows XP verwenden, werden wir feststellen, dass die Optionen „Schreibgeschützt“ und „Versteckt“ in der Kategorie „Attribute“ des Ordners manchmal nicht vollständig aktiviert oder deaktiviert sind, sondern häufig in einem Zustand vorliegen, in dem sie aktiviert sind, der Hintergrund jedoch grau ist. Tatsächlich kann dieser unsichere CheckBox-Zustand auch im Web ausgedrückt werden.

Auf einer Webseite können wir <input id="chkb" type="CheckBox"> verwenden, um ein CheckBox-Steuerelement zu erhalten. Die gebräuchlichste Form dieses Steuerelements ist aktiviert (mit einem Häkchen) oder deaktiviert. Wir können einfach per Mausklick zwischen diesen beiden Zuständen wechseln und wir können auch Skriptsprachen verwenden, um ihre Zustände zu ändern, beispielsweise mithilfe von JavaScript-Skripten:

Code kopieren

Der Code lautet wie folgt:

chkb.checked = true; oder chkb.checked = false;

Die folgende Abbildung zeigt die drei Zustände, die eine CheckBox anzeigen kann:

Die erste und dritte sind sehr gebräuchlich und können mithilfe von HTML festgelegt werden. Das heißt, wir können den Anfangsstatus der CheckBox über ein Attribut eines HTML-Elements mit dem Namen „checked“ bestimmen. Obwohl der unbestimmte Zustand, über den wir hier sprechen, seit IE4.0 unterstützt wird, gibt es kein HTML-Elementattribut zum Festlegen seines Werts, und der unbestimmte Zustand kann nur mithilfe von Skripten festgelegt werden.

Beispielsweise mithilfe von JavaScript-Skripten (indeterminate ist standardmäßig „false“):

Code kopieren

Der Code lautet wie folgt:

chkb.indeterminate = true; oder chkb.indeterminate = false;

Hinweis : Die Unbestimmtheit von CheckBox ist eine unabhängige Eigenschaft und hat nichts mit den Werten von „checked“ und „status“ von CheckBox zu tun. Das heißt, es wirkt sich nur auf das Erscheinungsbild von CheckBox aus. Wir können weiterhin Skripte verwenden, um die Werte von „checked“ und „status“ normal zu lesen.

<<: Detaillierte Erklärung der grundlegenden Verwendung des Linux-Debuggers GDB

>>: Detaillierte Erläuterung des durch die CSS-Positionierung verursachten hierarchischen Beziehungsproblems

VUE+Canvas implementiert den Beispielcode des Desktop-Flipper-Brick-Breaking-Spiels

Einführung in die Verwendung der unbestimmten Eigenschaft des Kontrollkästchens

VUE+Canvas implementiert den Beispielcode des Desktop-Flipper-Brick-Breaking-Spiels

Detaillierte Erklärung des VueRouter-Routings

Reines CSS3 zum Erzielen einer schönen Bibliothek im Stil einer Eingabefeldanimation (Texteingabeliebe)

Beispielcode zur Implementierung einer Upload-Komponente mit Vue3

Analysieren Sie die Verwendung und Prinzipien von Vues Bereitstellung und Injektion

Einige Möglichkeiten zur Lösung des Problems des in Jenkins integrierten Docker-Plugins

Detaillierte Erklärung der CSS-Float-Eigenschaft

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.23

So ändern Sie die inländische Quelle von Ubuntu 20.04 apt

Detaillierte Erläuterung der Nginx-Optimierung in Szenarien mit hoher Parallelität

Artikel empfehlen

So aktualisieren Sie die Ansicht synchron nach Datenänderungen in Vue

Detaillierte Erläuterung der kostenlosen AWS-Serveranwendung und des Tutorials zur Einrichtung eines Netzwerkproxys

SQL zur Implementierung der Wiederherstellung einer Zeitreihenversetzung

Werfen wir einen Blick auf die Vorkompilierung von JavaScript (Zusammenfassung)

react-beautiful-dnd implementiert die Drag-and-Drop-Funktion für Komponenten

Absteigender Index in MySQL 8.0

MySQL 8.0.15 Installations-Tutorial für Windows 64-Bit

Reagieren Sie mit Beispielcode zur Implementierung des Anmeldeformulars

Beispielcode zum Implementieren der unteren Ausrichtung auf verschiedene Arten mit CSS

Beispielcode zur Implementierung einer Mehrfachauswahl basierend auf einer verschachtelten Tabelle in ElementUI

Implementierung effektiver Benutzergruppen und anfänglicher Benutzergruppen in Linux

So verwenden Sie die MySQL-Indexzusammenführung

Detaillierte Erklärung des JavaScript-Prototyps und Beispiele

Easyswoole Ein-Klick-Installationsskript und Pagoden-Installationsfehler

Detaillierte Erklärung der MySQL-Vorkompilierungsfunktion