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();

7 opiniones en “Comprobar, seleccionar y deseleccionar todos los checkbox de un formulario con jquery”

Deja un comentario

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