La propiedad indeterminada de la casilla de verificación de entrada en HTML DOM se usa para establecer o devolver si el estado de una casilla de verificación ha cambiado o no.
Básicamente, la casilla de verificación tiene tres estados:
- verdadero: representa que el estado de la casilla de verificación está activado.
- falso: indica que el estado de la casilla de verificación está desmarcada o desactivada.
- indeterminado: representa que la casilla de verificación no está activada ni desactivada.
Casilla de verificación indeterminada: Indeterminado es el tercer estado de la casilla de verificación, está entre el estado indeterminado marcado y no marcado, que se puede configurar con la ayuda de JavaScript. Este estado se puede utilizar para obligar al usuario a marcar o desmarcar la casilla de verificación.
Sintaxis
-
Devuelve la propiedad indeterminada:
checkboxObject.indeterminate
-
Establece la propiedad indeterminada:
checkboxObject.indeterminate = true|false
Valores devueltos: Devuelve un booleano que devuelve verdadero si la casilla de verificación está en un estado indeterminado, de lo contrario devuelve falso
Valores de propiedad: contiene un valor booleano que indica si la casilla de verificación tiene un estado indeterminado o no.
- verdadero: define que la casilla de verificación está configurada en estado indeterminado.
- false: Define que el checkbox no está en estado indeterminado.
Ejemplo: El siguiente código HTML ilustra cómo devolver la propiedad indeterminada.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
DOM Input Checkbox indeterminate Property
</title>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Input Checkbox indeterminate Property</h2>
<form>
<!-- Below input elements have
attribute checked -->
<input type="checkbox" name="check"
id="GFG" value="1" checked>
Checked by default<br>
<input type="checkbox" name="check" value="2">
Not checked by default<br>
</form> <br>
<button onclick="myGeeks()">
Submit
</button>
<p id="sudo" style="color:green;font-size:30px;"></p>
<!-- script to return Input Checkbox
indeterminate Property -->
<script>
function myGeeks() {
var g = document.getElementById("GFG").indeterminate;
document.getElementById("sudo").innerHTML = g;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Ópera
- safari de manzana
- Mozilla Firefox
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA