Comprobar, seleccionar y deseleccionar todos los checkbox de un formulario con jquery

A continuación indico algunas funciones de Jquery muy útiles para trabajar con elementos de formularios. En este caso para trabajar con checkbox.

Seleccionar/deseleccionar un checkbox:

// Seleccionar un checkbox
$('input[name=acheckbox]').attr('checked', true);

// Deseleccionar un checkbox
$('input[name=acheckbox]').attr('checked', false);

Seleccionar/deseleccionar todos los checkbox:

// Seleccionar todos los checkboxes
$("input:checkbox").attr('checked', true);

// Deseleccionar todos los checkboxes
$("input:checkbox").attr('checked', false);

A continuación una función para obtener la lista de checkboxes seleccionados.
Se crea una función que extiende las propiedades de Jquery. Para todos los checkbox seleccionados se va guardando su valor en un array.
Con este array se puede pasar a un ajax, a otra funcion jquery, o se puede hacer lo que cada uno desee en su lógica.
También se puede hacer un alert() con el array para testear y comprobar los datos del mismo antes de continuar.

jQuery.fn.getCheckboxValues = function(){
    var values = [];
    var i = 0;
    this.each(function(){
        values[i++] = $(this).val();
    });
    return values;
} 

var arr = $("input:checked").getCheckboxValues();

Tags de búsquedas:

Para indicar que un ckecbox está deseleccionado que valor se pone,obtener todos los checkbox que estan deseleccionado desde jquery,checkbox no funciona ajax,ejemplo comprobar que uno de los checkbox ha sido seleccionado,enviar checkbox seleccionados por ajax,todos los checkbox seleccionados jquery,jquery cambiar valor checkbox,mantener checkbox seleccionado javascript,marcación de checkbox en java,marcar checkbox desde jquery,marcar checkbox desde jsp,marcar chekbox en javascript,marcar y desmarcar checkbox en genexus,marcar y desmarcar checkbox javascript,marcar y desmarcar checkbox jquery

Noticias relacionadas »

7 comentarios en Comprobar, seleccionar y deseleccionar todos los checkbox de un formulario con jquery

  1. gian
    / Responder

    bien

  2. marcelino
    / Responder

    muy buen articulo, me sirvio muchisimo, gracias

  3. Alex
    / Responder

    Muchas gracias ha sido de gran utilidad para mi

  4. jorge
    / Responder

    como hago para madar por ajax ese array??

  5. Pablo
    / Responder

    Muchas gracias, funciona muy bien..
    Saludos.

  6. Oscar Larriega
    / Responder

    Muy bueno, me sirvió bastante…
    Saludos…

  7. Enrique Sanchez
    / Responder

    Muy buena informacion, la verdad, muy buen sitio, me ha servido de mucho. Muchisimas gracias

Deja un comentario

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

10$ gratis con Digital Ocean »

Este blog está funcionando con Digital Ocean,
para todos los lectores 10$ gratis! para probar el cloud a través del siguiente enlace.


Ir a Digital Ocean

¡Comparte este artículo! »

Sígueme en Facebook »

  • sdfgsdf sdfgsdf (2 semanas)
    dsfasd sdfas asdf asdfa asdfasdfafa asdfsdewtr fdsfsdfasfwewesfsd sdf ds
  • sdfgsdf sdfgsdf (2 semanas)
    sdfgsdf sdfgsdfgsdf sdfg
  • Luis (1 mes)
    Hola Pedro, muchas gracias por transmitirnos tu conocimiento. Te comento…
  • Senado.es: Vuelta al año 2000 - Yorokobu (1 mes)
    […] desarrollador Pedro Ventura explica en su blog cómo alternativas…
  • Pedro Ventura (1 mes)
    Hola Edwer La manera de como hacerlo viene explicada en…
  • Rodrigo (1 mes)
    Tengo una duda, como hago para no repetir el tweet?…

Suscríbete al newsletter »

Proporciona tu correo electrónico a continuación y recibe las últimas noticias! Funciona con Feedburner de Google

Archivo »

Leer entrada anterior
Pero es que no hay un IDE de PHP óptimo para Linux??!

Actualización: Septiembre/2012 Después de haber escrito este artículo y tras seguir virtualizando NuSphere PhpED, acabo de descubrir Sublime Text http://www.sublimetext.com/....

Cerrar