HTML | Propiedad de nombre de casilla de verificación de entrada de DOM

La propiedad de nombre de casilla de verificación de entrada en HTML DOM se utiliza para establecer o devolver el valor del atributo de nombre de un campo de casilla de verificación de entrada. El atributo de nombre es obligatorio para cada campo de entrada. Si el atributo de nombre no se especifica en un campo de entrada, los datos de ese campo no se enviarán en absoluto.

Sintaxis:

Devuelve la propiedad del nombre de la casilla de verificación de entrada.
```
checkboxObject.name
```
Se utiliza para establecer la propiedad del nombre de la casilla de verificación de entrada.
```
checkboxObject.name = name
```

Valores de propiedad: contiene un nombre de valores de propiedad único que se utiliza para especificar el nombre de la casilla de verificación.

Valor de retorno: Devuelve un valor de string que representa el nombre del campo de casilla de verificación de entrada.

Ejemplo 1: este ejemplo devuelve la propiedad de nombre de casilla de verificación de entrada.

<!DOCTYPE html> 
<html> 
    <head> 
        <title>
            DOM Input Checkbox name Property
        </title> 
    </head>
      
    <body style = "text-align: center;"> 
      
        <h1 style = "color:green;">
            GeeksforGeeks
        </h1> 
          
        <h2>DOM Input Checkbox name 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:25px;"></p>
          
        <!-- Script to set Input Checkbox name Property -->
        <script>
            function myGeeks() {
                var g = document.getElementById("GFG").name
                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:

Ejemplo 2: este ejemplo establece la propiedad del nombre de la casilla de verificación de entrada.

<!DOCTYPE html> 
<html> 
    <head> 
        <title>
            DOM Input Checkbox name Property
        </title> 
    </head> 
      
    <body style = "text-align: center;"> 
      
        <h1 style = "color: green;">
            GeeksforGeeks
        </h1> 
          
        <h2>DOM Input Checkbox name 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:20px;"></p>
          
        <!-- Script to set Input Checkbox name property -->
        <script>
            function myGeeks() {
                var g = document.getElementById("GFG").name
                        = "uncheck";
                document.getElementById("sudo").innerHTML
                        = "The value of the name attribute"
                          + " was changed to " + g;
            }
        </script>
    </body> 
</html>                     

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

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

Navegadores compatibles: el navegador compatible con la propiedad de nombre de casilla de verificación de entrada DOM 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