jQuery – Saber si un checkbox está seleccionado

A la hora de enviar formularios, nos puede interesar saber si un checkbox está o no seleccionado. Para ello, jQuery nos proporciona una forma muy sencilla de hacerlo. Vemaos como saber si un checkbox está seleccionado en jQuery.

Ahora veremos el código HTML5 para añadir en un formulario un checkbox. Es el siguiente:

<form name="formcliente" method="post" action="pagina_destino.php">
...
  <input type="checkbox" name="soycliente" id="soycliente" />
...
</form>

Esto, mostrará en un formulario con un checkbox que el usuario puede señalar. Pero, cómo podemos controlar si el usuario lo ha pulsado o no antes de enviar el formulario? Veamos la respuesta:

Este es el código en jQuery que mira si el checkbox está seleccionado o no:

if ($('input[name=soycliente]').is(':checked')) {
 // Aquí pondríamos el código a ejecutar en el caso que esté seleccionado
}

Si os fijáis, lo que hace jQuery es mirar todos los elementos del tipo Input, y se queda con el que tiene el nombre “soycliente”. A este objeto, ejecuta la función is() para ver si está en estado “:checked”. Si es cierto, es que el usuario lo ha seleccionado, y en caso contrario, si no lo ha seleccionado, entonces devuelve false.

Espero que os sea de utilidad el artículo y que lo compartáis. No dejéis de visitar todos los artículos de nuestro blog de jQuery con ejemplos de código en el enlace siguiente:


Más información

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

*