Input Checkbox gecontroleerd eigenschap

HTML DOM Input Checkbox Object

Definitie en gebruik

gecontroleerd Stel de eigenschap in of geef de geselecteerde status van het selectievakje terug.

Deze eigenschap weerspiegelt de HTML gecontroleerd eigenschap.

Zie ook:

HTML Referentiehandleiding:HTML <input> checked attribute

Voorbeeld

Voorbeeld 1

Stel de geselecteerde status van het selectievakje in:

function check() {
    document.getElementById("myCheck").gecontroleerd = true;
}
function uncheck() {
    document.getElementById("myCheck").gecontroleerd = false;
}

Probeer het zelf uit

Voorbeeld 2

Controleer of het selectievakje is aangevinkt:

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

Probeer het zelf uit

Voorbeeld 3

Gebruik selectievakjes om de tekst in het invoerveld om te zetten naar hoofdletters:

document.getElementById("fname").value = document.getElementById("fname").value.toUpperCase();

Probeer het zelf uit

Voorbeeld 4

Enkele selectievakjes in het formulier:

var coffee = document.forms[0];
var txt = "";
var i;
for (i = 0; i < coffee.length; i++) {
  if (coffee[i].gecontroleerd) {
    txt = txt + coffee[i].value + " ";
  }
}
document.getElementById("order").value = "U heeft besteld: " + txt;

Probeer het zelf uit

Syntax

Geef de gecontroleerd eigenschap terug:

checkboxObject.gecontroleerd

Stel de gecontroleerd eigenschap in:

checkboxObject.gecontroleerd = true|false

Attribute value

Value Description
true|false

Specifies whether the checkbox should be selected.

  • true - The checkbox is selected
  • false - Default. The checkbox is not selected

Technical details

Return value: Boolean value, it returns if the checkbox is selected trueIf the checkbox is not selected, it returns false.

Browser support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

HTML DOM Input Checkbox Object