Button disabled-eigenschap

HTML DOM Button object

Definitie en gebruik

disabled Eigenschap instellen of retourneren of de knop is gedeactiveerd.

Gedeactiveerde elementen zijn niet beschikbaar en klikbaar. Standaard worden gedeactiveerde elementen meestal weergegeven als grijs in de browser.

Deze eigenschap reflecteert HTML disabled-eigenschap.

Voorbeeld

Voorbeeld 1

Schakel de knop uit:

document.getElementById("myBtn").disabled = true;

Probeer het zelf uit

Voorbeeld 2

Controleer of de knop is uitgeschakeld:

var x = document.getElementById("myBtn").disabled;

Probeer het zelf uit

Voorbeeld 3

Schakel de knop in en uitschakelen:

function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}
function enableBtn() {
    document.getElementById("myBtn").disabled = false;
}

Probeer het zelf uit

Syntaxis

Retourneren van de disabled-eigenschap:

buttonObject.disabled

Instellen van de disabled-eigenschap:

buttonObject.disabled = true|false

Attribute value

Value Description
true|false

Specifies whether the button should be disabled.

  • true - The button is disabled
  • false - Default. The button is not disabled

Technical details

Return value: Boolean value, returns true if the button is disabled, otherwise returns false.

Browser support

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

Related pages

HTML reference manual:HTML <button> disabled attribute

HTML DOM Button object