jquery

Validar si un checkbox esta marcado con Jquery

jqueryUna tarea habitual en formularios html es validar si un checkbox esta marcado por el o la usuaria.
Aunque resulta una tarea sencilla, normalmente se suele olvidar la sintaxis para hacer esto, por ello vamos a marcar tres maneras diferentes de hacerlo mediante Jquery.

Si tuvieramos este típico checkbox de aceptación de condiciones en un formulario:

<input type="checkbox" id="leido" />

<label for="leido">He leido y acepta las <a href="aviso-legal.php">condiciones del servicio</a>.</label>

Podríamos validar de esta manera:

var marcado = $('#leido').is(':checked');

Otra forma sería:

var marcado = $('#leido').prop('checked');

La propiedad prop, valga la redundancia, nos indicará con un boleano, es decir, true o false, el resultado de checked, propiedad del checkbox que indica si esta o no marcado (on, off).

La última manera que proponemos es:

var marcado = $('#leido:checked').val()?true:false;

Una vez que tenemos el resultado en la variable "marcado", ya podemos realizar las acciones que desearamos.

7181 visitas.

Un comentario sobre “Validar si un checkbox esta marcado con Jquery

  1. Hola, tengo una duda acerca de este código para validar:

    Tengo varios checkbox para insertar valores  (0 y 1) que son para dar acceso a ciertas funciones en mi página y que se guardan en una base de datos mysql.

    Lo que me gustaría saber es como puedo validar los datos cuando no selecciono un checkbox y que se inserte con valor 0 por defecto.

    Otra de las cosas que me gustaría saber es cómo puedo mandar a prender esos checkbox que un usuario tenga prendido, al momento de hacer le select de la base de datos y que me muestre que elementos tiene ese usuario.

    Gracias por su ayuda!!!!!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *