Dentro de nuestra serie de vídeos sobre cómo crear casilla de aceptación de los términos y condiciones o la política de privacidad en un formulario web (algo obligatorio por la RGPD), hoy queremos enseñaros a hacerlo por HTML y Javascript.
Cómo crear la casilla.
Os lo explicamos en el vídeo al final del artículo. Pero básicamente es coger un formulario HTML y añadirle una casilla por HTML. Con un enlace a la página que informa sobre lo que queremos aprobar.
El botón de envío lo desactivamos (disabled) por defecto para que no pueda enviar si no es marcando la casilla.
En la casilla, añadimos una función en el evento onclick, lo que hace que se ejecute la función al marcar la casilla.
Dicha función comprobará el estado de la casilla (checked yes o no) e igualará la marca de disabled a lo contrario de dicho estado. Así que:
- Casilla marcada yes -> Disabled= no
- Casilla marcada no -> Disabled = yes
La función es:
<script type=”text/javascript”>
function enableSending() {
document.loginform.submit.disabled = !document.loginform.terms.checked;
};
</script>
Como veis es muy sencillo y podéis implementarlo a mano en cualquier web. Lo usaremos en algún otro artículo.
Os recomendamos los siguientes productos relacionados con la informática:
TP-Link TL-PA4010P Kit Powerline con enchufe adicional, AV 600 Mbps en Powerline, 1 puerto ethernet, homeplug AV, sin wifi, solución para dispositivos con cable como PC, decodificador Sky, PS4
39,99 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Logitech B100 Ratón con Cable, 3 Botones, Seguimiento Óptico, Ambidiestro, PC/Mac/Portátil/Chromebook - Negro
4,99 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
WD My Passport WDBPKJ0050BBK-WESN - Disco Duro Portátil, Negro (Black), 5TB
101,52 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
SAMSUNG Galaxy Tab S6 Lite - Tablet de 10.4" (WiFi, Procesador Exynos 9611, RAM de 4GB, Almacenamiento de 64GB, Android 10) - Color Azul [Versión española]
319,65 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
HP DeskJet 3760 T8X19B, Impresora Multifunción A4, Imprime, Escanea y Copia, Wi-Fi, USB 2.0, HP Smart App, Incluye 4 Meses del Servicio Instant Ink, Azul
64,90 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Memoria USB 3.0, unidad flash USB 1000 GB, impermeable, memoria USB, almacenamiento de datos, memoria USB con llavero para PC/ordenador portátil (1 TB)
16,99 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Tablet 10 Pulgadas 8 Core - TOSCiDO Android 10.0 Certificado por Google GMS 4G LTE Tablets,4GB de RAM y 64 GB,Dobles SIM, GPS,WiFi,Teclado Bluetooth，Ratón，Funda para Tableta y Más Incluidos - Gold
134,94 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Tablet 10 Pulgadas 8 Core - TOSCiDO Android 10.0 Certificado por Google GMS 4G LTE Tablets,4GB de RAM y 64 GB,Dobles SIM, GPS,WiFi,Teclado Bluetooth，Ratón，Funda para Tableta y Más Incluidos - Gray
134,94 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Corsair RM1000x 80 PLUS Gold Fuente de Alimentación 1000 Vatios ATX Totalmente Modular (Ventilador con Levitación Magnética de 135 mm, Condensadores Japoneses, Amplia Compatibilidad) EU, Negro
159,95 € (a partir de 24 octubre, 2021 01:26 GMT +02:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)