Hola a toda la comunidad Fware que nos sigue, en esta oportunidad voy a mostrar una forma fácil para poder seleccionar o de-seleccionar varios checkbox con jQuery.

Ejemplo:

1. Ahora creamos el código HTML con las llamadas a la librería jQuery y el archivo checks.js, el cual se encargará de la lógica de cambio de los estados de los checkbox.

[sourcecode language=»html»]




Mail Fecha
Bienvenido a la Comunidad Fware 2012/06/04
Mensaje de confirmación 2012/06/03
Noticias 2012/06/02


[/sourcecode]

2. Para finalizar se debe agregar la lógica al file checks.js

[sourcecode language=»javascript»]

$(function(){
$(‘#checkMain’).live(‘click’,function(){
$(‘.checkAll’).attr(‘checked’,($(this).is(‘:checked’)) ? true:false);
});
});

[/sourcecode]

En esta lógica lo que se está haciendo al hacer click en el checkbox con id checkMain es cambiar el estado del atributo checked de los checkbox que incluyan la clase checkAll a su estado contrario «si es TRUE lo cambiara por FALSE y de forma inversa».

Para ver el código anterior en funcionamiento visita el siguiente link:

http://jsfiddle.net/neoslink/Z8bmZ/embedded/result/

Espero que sea de gran utilidad, Gracias…