HTML | Casilla de verificación de entrada DOM deshabilitada Propiedad

La propiedad Casilla de verificación de entrada deshabilitada en HTML DOM se usa para establecer o devolver si el campo Casilla de verificación de entrada debe estar deshabilitado o no. Una casilla de verificación deshabilitada no se puede hacer clic y no se puede usar. Es un atributo booleano y se usa para reflejar el atributo HTML deshabilitado.

Sintaxis:

Devuelve la propiedad Input Checkbox disabled.
```
checkboxObject.disabled
```
Se utiliza para establecer la propiedad Casilla de verificación de entrada deshabilitada.
```
checkboxObject.disabled = true|false
```

Valores de propiedad: contiene dos valores de propiedad que se enumeran a continuación:

true: Define que el checkbox esté deshabilitado.
Falso: Tiene el valor por defecto. Define que la casilla de verificación no está deshabilitada.

Valor de retorno: Devuelve un valor booleano que representa que la casilla de verificación está deshabilitada o no.

Ejemplo 1: este ejemplo establece la propiedad Input Checkbox disabled.

<!DOCTYPE html> 
<html> 
    <head> 
        <title>
            DOM Input Checkbox disabled Property
        </title> 
    </head> 
      
    <body style="text-align:center;"> 
      
        <h1 style="color:green;">
            GeeksforGeeks
        </h1> 
          
        <h2>DOM Input Checkbox disabled Property</h2>
          
        <form id="myGeeks"> 
          
            <!-- Below input elements have attribute
                checked -->
            <input type="checkbox" name="check" id="GFG"
                    value="1" disabled>Checked by default<br>
                      
            <input type="checkbox" name="check" value="2">
                    Not checked by default<br> 
        </form><br>
          
        <button onclick="myGeeks()">
            Submit
        </button>
          
        <!-- Script to disable checkbox -->
        <script>
            function myGeeks() {
                var g = document.getElementById("GFG").disabled
                        = false;
            }
        </script>
    </body> 
</html>                                

Salida:
Antes de hacer clic en el Botón:

Después de hacer clic en el Botón:

Ejemplo 2: este ejemplo devuelve la propiedad Input Checkbox disabled.

<!DOCTYPE html> 
<html> 
    <head> 
        <title>
            DOM Input Checkbox disabled Property
        </title> 
    </head> 
      
    <body style="text-align:center;"> 
      
        <h1 style="color:green;">
            GeeksforGeeks
        </h1> 
          
        <h2>DOM Input Checkbox disabled Property</h2> 
          
        <form id="myGeeks">
               
            <!-- Below input elements have attribute
                checked -->
            <input type="checkbox" name="check" id="GFG" 
                    value="1" disabled>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:25px;"></p>
          
        <!-- Script to return Input Checkbox disabled Property -->
        <script>
            function myGeeks() {
                var g = document.getElementById("GFG").disabled;
                document.getElementById("sudo").innerHTML = g;
            }
        </script>
    </body> 
</html>                              

Salida:
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 DOM input Checkbox disabled se enumeran a continuación:

Google Chrome
explorador de Internet
Firefox
Ópera
Safari

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta