En este artículo te voy a mostrar cómo trabajar con el input de tipo checkbox en un formulario de PHP para saber si una opción fue marcada o no.
Un formulario que se va a procesar con PHP puede tener distintos campos, entre ellos uno de tipo checkbox el cual es un elemento que es marcado o desmarcado y que normalmente funciona para una confirmación del usuario.
Cuando el input
de tipo checkbox es marcado, estará en el arreglo superglobal de $_POST
, lo cual podemos comprobar con un isset
.
Vamos a crear un formulario de ejemplo. Al input
de tipo checkbox
le ponemos un nombre usando el atributo name
para acceder con ese mismo valor en $_POST
de PHP.
El formulario queda así:
<html>
<head>
<title>Checkbox PHP</title>
</head>
<body>
<form action="procesar.php" method="post">
<input type="text" name="nombre" placeholder="Tu nombre">
<br><br>
<label for="terminos_condiciones">
<input id="terminos_condiciones" type="checkbox" name="terminos_condiciones"/>
Acepto los términos y condiciones
</label>
<br><br>
<input type="submit"/>
</form>
</body>
</html>
En el ejemplo tenemos una caja de confirmación para los términos y condiciones (su nombre es terminos_condiciones
).
Ahora veamos el archivo que procesa el formulario; ahí es en donde se comprueba si el checkbox fue marcado o no:
<?php
$nombre = $_POST["nombre"];
echo "Hola, $nombre<br>";
# Para saber si el checkbox fue marcado
# comprobamos si existe en $_POST
if (isset($_POST["terminos_condiciones"])) {
echo "Aceptaste los términos :)";
} else {
echo "NO Aceptaste los términos :(";
}
Si isset
devuelve verdadero, entonces el checkbox fue marcado.
Hoy te voy a presentar un creador de credenciales que acabo de programar y que…
Ya te enseñé cómo convertir una aplicación web de Vue 3 en una PWA. Al…
En este artículo voy a documentar la arquitectura que yo utilizo al trabajar con WebAssembly…
En un artículo anterior te enseñé a crear un PWA. Al final, cualquier aplicación que…
Al usar Comlink para trabajar con los workers usando JavaScript me han aparecido algunos errores…
En este artículo te voy a enseñar cómo usar un "top level await" esperando a…
Esta web usa cookies.