Neueste Web-Entwicklung Tutorials
 

Input Checkbox checked Property

<Input Checkbox Object

Beispiel

Stellen Sie den Überprüfungsstatus eines Kontrollkästchen:

function check() {
    document.getElementById("myCheck").checked = true;
}

function uncheck() {
    document.getElementById("myCheck").checked = false;
}
Versuch es selber "

Definition und Verwendung

Die geprüfte Eigenschaft legt oder gibt den Überprüfungsstatus eines Kontrollkästchen.

Diese Eigenschaft spiegelt das HTML-Attribut checked.


Browser-Unterstützung

Eigentum
checked Ja Ja Ja Ja Ja

Syntax

Bringen Sie die Eigenschaft checked:

checkboxObject .checked

Stellen Sie die Eigenschaft checked:

checkboxObject .checked=true|false

Eigenschaftswerte

Wert Beschreibung
true|false Gibt an, ob ein Kontrollkästchen aktiviert werden soll oder nicht.
  • true - Die Checkbox wird überprüft
  • false - Standard. Das Kontrollkästchen wird nicht geprüft

Technische Details

Rückgabewert: Ein Boolean, gibt true zurück, wenn das Kontrollkästchen aktiviert ist, und false, wenn das Kontrollkästchen nicht aktiviert ist

Mehr Beispiele

Beispiel

Finde heraus, ob ein Kontrollkästchen aktiviert ist oder nicht:

var x = document.getElementById("myCheck").checked;

Das Ergebnis von x wird sein:

false
Versuch es selber "

Beispiel

Verwenden Sie ein Kontrollkästchen Text in einem Eingabefeld konvertieren in Großbuchstaben:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();
Versuch es selber "

Beispiel

Mehrere Kontrollkästchen in einem Formular:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].checked) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "You ordered a coffee with: " + txt;
Versuch es selber "

Verwandte Seiten

HTML - Referenz: HTML <input> Attribut checked


<Input Checkbox Object