Comprobar si un input Checkbox está “checked” con jQuery

26 oct


Otra de las facilidades que nos encontramos en jQuery es validar formularios, y trabajar con ellos dinámicamente.

Vamos a comprobar con un botón el estado del checkbox, si está checked o no, y con otros botones vamos a activarlo y desactivarlo, para que veáis lo sencillo que es.

Primero vamos a comprobar el estado del checkbox:

$(document).ready(function(){

	$("#checkbox_comprobar").click(function() {
		if($("#checkbox").is(':checked')) {
			alert("Está activado");
		} else {
			alert("No está activado");
		}
	});

});

Una vez que presionemos el botón recibiremos en un alert la respuesta a si está activado o no el checkbox gracias a la función is(':checked')

Para terminar vamos a activar y desactivar el checkbox sin hacer click sobre él con estos 2 botones:

$(document).ready(function(){

	$("#checkbox_activar").click(function() {
		$("#checkbox").attr('checked', true);
	});

	$("#checkbox_desactivar").click(function() {
		$("#checkbox").attr('checked', false);
	});

});

El código HTML quedaría de esta forma:

<input name="checkbox" id="checkbox" type="checkbox" value="1" />
<input name="checkbox_comprobar" id="checkbox_comprobar" type="button" value="Comprobar" />
<input name="checkbox_activar" id="checkbox_activar" type="button" value="Activar" />
<input name="checkbox_desactivar" id="checkbox_desactivar" type="button" value="Desactivar" />

2 Respuestas a “Comprobar si un input Checkbox está “checked” con jQuery”

  1. Franco 29 septiembre, 2011 at 10:20 #

    He buscado bastante sobre la utilización de checkbox’s, quizá no busqué lo suficiente pero en este ejemplo que nos enseñas he encontrado una solución a la que me planteado resolverlo con JS, aquí lo he visto más limpio.
    Muchas gracias por compartir tu experiencia!!!

  2. juan 28 noviembre, 2011 at 17:18 #

    oye si podria poner el codigo fuente completo con las librerias

Agregar un nuevo comentario