Marcar y desmarcar todos los checkboxes con uno solo

[MARTIN_LAW]

He mirado por el foro y lo que he encontrado es para crear 2 checkboxes, uno para marcar todos y otro para desmarcarlos, pero mi idea es que con el mismo checkbox, me marque todos si hay alguno sin marcar, y si estan todos marcados, que al pulsarlo, me desmarque todos.

Ademas necesito hacerlo para 2 partes diferentes, 2 secciones diferentes, eso imagino que podria hacerlo con alguna variable para diferenciarlas, pero sobre lo primero no se como hacerlo la verdad.

Un saludo y gracias.

[Adler]

Hola

Sería algo como esto

Código Javascript:

function funcion(bol, frm) { 
for (var i=0;i < frm.elements.length;i++) { 
elemento = frm.elements[i]; 
elemento.checked = (bol) ? true : false;
} 
}
 

Código HTML:

<form name="f">
<input type="checkbox" name="a[]" value="" onclick="funcion(this.checked, this.form);" />
<input type="checkbox" name="a[]" value="" />
<input type="checkbox" name="a[]" value="" />
<input type="checkbox" name="a[]" value="" />
<input type="checkbox" name="a[]" value="" />
<input type="checkbox" name="a[]" value="" />
</form>
 

Suerte

[MARTIN_LAW]

Hola Adler, lo he probado y me funciona bien salvo por una cosilla, tengo 3 apartados diferentes, es decir, es como si tuviese 3 secciones diferentes de checkboxes, y con tu codigo al marcar el TODOS me marca absolutamente todos los checkboxes del formulario, pero me gustari marcar solo una parte....

No se si me explico, por ejemplo tengo:


ELIJA DIA:

TODOS LUNES MARTES MIERCOLES..........


ELIJA HORA

TODAS 12:00 13:00 14:00...............


Todo pertenece al mismo formulario, pero obviamente quiero que al marcar TODOS en dia, me marque solo LUNES, MARTES..... al igual con las horas.

Creo que se podria hacer todo con la misma funcion, pero no veo el modo....

[Adler]

Hola

Has de hacer algunos pequeños cambios a la función. Obtienes el nombre del campo, para aislar los campos que tengan ese nombre.

function funcion(bol, frm, chkbox) {
for (var i=0;i < frm.elements[chkbox].length;i++) { // Dentro de todos los elementos, seleccionamos lo que tengan el mismo nombre que el seleccionado
elemento = frm.elements[chkbox][i]; // Ahora es bidimensional
elemento.checked = (bol) ? true : false;
}
}

Ahora la llamada a la función quedaría así

funcion(this.checked, this.form, this.name)

Suerte

[MARTIN_LAW]

Muchisimas gracias Adler!!!

Me ha funcionado de maravilla a la primera, que sencillo era modificarlo y que no di con ello.

Muchas gracias de nuevo :)