La propiedad Button disabled en HTML DOM se usa para establecer o devolver si un elemento Button se deshabilitaría o no. Un elemento deshabilitado no se puede hacer clic ni se puede usar. Contiene un valor booleano.
Sintaxis: Se utiliza para establecer la propiedad deshabilitada del botón.
buttonObject.disabled = "value"
Valores de propiedad:
- true: Define que el elemento Botón está deshabilitado.
- false: Es el valor por defecto. Define que el Botón no está deshabilitado.
Valor devuelto: Devuelve un valor booleano que representa que el botón está deshabilitado o no.
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to disable button element
dynamically using JavaScript?
</title>
</head>
<body style="text-align:center">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h2>
How to disable button element<br>
dynamically using JavaScript?
</h2>
<!-- Assigning id to Button. -->
<button id="GFG" onclick="Geeks()">
Submit
</button>
<br><br>
<p id="sudo"></p>
<script>
function Geeks() {
document.getElementById("GFG")
.disabled = "true";
document.getElementById("sudo")
.innerHTML = "Button is Disabled";
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con la propiedad deshabilitada del botón DOM se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari