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

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

Artikel empfehlen

Detaillierte Erklärung der JavaScript-Timer

Inhaltsverzeichnis Kurze Einleitung Intervall fes...

Einführung in die Überwachung des MySQL MHA-Betriebsstatus

Inhaltsverzeichnis 1. Projektbeschreibung 1.1 Hin...

JavaScript implementiert das Klassenlotterie-Applet

In diesem Artikel wird der spezifische JavaScript...

So zeigen Sie die Zeitzone in MySQL an und ändern sie

Heute habe ich festgestellt, dass ein Programm ei...

Vue realisiert den gesamten Prozess der Slider-Drag-Verifizierungsfunktion

Rendern Definieren Sie das Skelett, schreiben Sie...

So passen Sie geplante AT- und Cron-Aufgaben in Linux an

Es gibt zwei Arten von geplanten Tasks im Linux-S...

Mehrere Lösungen für die Ausrichtung von CSS-Datensatztextsymbolen

Während der Entwicklung kommt es sehr häufig vor,...

Tutorial zur Konfiguration der kostenlosen MySQL-Installationsversion

In diesem Artikel wird das kostenlose MySQL-Insta...

So verwenden Sie Web-Frontend-Vektorsymbole

Vorwort Beim Schreiben von Frontend-Seiten verwen...

Diskussion über die numerische Begrenzung des OL-Elements im HTML-Dokument

Im Allgemeinen ist es unwahrscheinlich, dass Sie ...

CSS3 realisiert den grafischen Fallanimationseffekt

Sehen Sie zuerst den Effekt Implementierungscode ...

Webdesign-Tutorial (3): Designschritte und Denkweise

<br />Vorheriges Tutorial: Webdesign-Tutoria...