Chequear todos los Checkbox a la vez

hdssegado · #1 (**permalink**) 12/12/2005, 04:16

Tengo un problemilla. Tengo un conjunto de checkbox y necesito que checkeando otro checkbox que he puesto separado del conjunto se checkeen
todos los del conjunto y viceversa, es decir, que al desmarcarlo se me desmarquen tb los del grupo.
(para que os hagais una idea es exactamente igual que en el correo de hotmail)

Aver si alguien me puede ayudar, os lo agradeceria muxo

1 saludo

JavierB · #2 (**permalink**) 12/12/2005, 04:25

Hola hdssegado

Este mensaje te puede ayudar:

http://www.forosdelweb.com/f13/marcar-varios-checkbox-simultaneamente-236058/#post824974

Saludos,

caricatos · #3 (**permalink**) 12/12/2005, 04:26

Hola:

Más o menos sería:

<fieldset id="conjunto" >
<input type="checkbox" name="check1" value="ch1" />
<input type="checkbox" name="check1" value="ch2" />
<input type="checkbox" name="check1" value="ch3" />
<input type="checkbox" name="check2" value="ch4" />
<input type="checkbox" name="check2" value="ch5" />
<input type="checkbox" name="check2" value="ch6" />

</fieldset>

<input type="checkbox" name="todos" value="todos" onclick="todos(this.checked)" />

Y en el head el script todos()...

Código:

function todos(valor) {
 for (var i = 0, total = document.getElementById("conjunto").getElementsByTagName("input"); i < total.length; i ++)
  total[i].checked = valor;
}

Saludos

caricatos · #4 (**permalink**) 12/12/2005, 04:29

¡Je, je!

Andando JavierB activo, no me extraña haber chocado

Saludetes

hdssegado · #5 (**permalink**) 12/12/2005, 04:44

JavierB, no hay ningun ejemplo con un solo grupo de Checks, es que los que hay tienen todos dos grupos y tengo un jaleo mu grande en el script

caricatos · #6 (**permalink**) 12/12/2005, 05:01

Hola:

No sé si te has fijado en mi respuesta, en donde agrupé los checks dentro de un fieldset (faltaría un tag legend, pero para el caso, vale)

Si no entiendes, puedes poner tu código y explicar algo mejor tu duda.

Saludos

Boku · #7 (**permalink**) 12/12/2005, 05:37

Yo he tenido que hacer algo parecido y la solución fue similar a la que propone caricatos, uséase:

Recorrer con un for todos los campos y utilizar algo del tipo:

Código PHP:

  function marcarCampos(valor_booleano){ 
   var campo; 
   for(i=0; i<numcampos; i++){ 
      campo = "nombre_campo" + i; 
      document.getElementById(campo).checked = valor_booleano; 
   } 
}

A mi esto me ha funcionado a la perfección, espero que te sirva.

hdssegado · #8 (**permalink**) 13/12/2005, 03:07

Caricatos, muxas gracias, pero como se haria sin el fieldset, es decir con un form normal??

hdssegado · #9 (**permalink**) 13/12/2005, 10:55

Me puede ayudar alguien por favor??

JavierB · #10 (**permalink**) 13/12/2005, 11:06

Hola hdssegado

Esto no lo he probado, pero creo que funcionará:

Código:

function todos(valor) {
 for (var i = 0, total = document.forms[0].elements; i < total.length; i ++)
  total[i].checked = valor;
}

Saludos,

hdssegado · #11 (**permalink**) 14/12/2005, 04:41

Haber, tengo esto pero no me funciona,por favor exarme una mano

Código:

<html>
<head>
<script language="JavaScript">
function todos(valor) {
 for (var i = 0, total = document.forms[0].elements; i < total.length; i ++)
  total[i].checked = valor;

}
</script>
<head>

<body>
<form>
<input type="checkbox" name="check1" value="ch1" />
<input type="checkbox" name="check1" value="ch2" />
<input type="checkbox" name="check1" value="ch3" />
<input type="checkbox" name="check2" value="ch4" />
<input type="checkbox" name="check2" value="ch5" />
<input type="checkbox" name="check2" value="ch6" />

<input type="checkbox" name="todos" value="todos" onclick="todos(this.checked)" />
</form>
<body>

<html>

JavierB · #12 (**permalink**) 14/12/2005, 05:10

Hola hdssegado

El problema es que el nombre del checkbox y el de la función es el mismo. Ponlo así:

<input type="checkbox" name="todo" value="todos" onclick="todos(this.checked)" />

Saludos,

hdssegado · #13 (**permalink**) 14/12/2005, 05:14

Muxisimas gracias JavierB t lo agradezco muxo

un_tio · #14 (**permalink**) 14/12/2005, 19:45

Cita:

Iniciado por caricatos

Hola:

Más o menos sería:

<fieldset id="conjunto" >
<input type="checkbox" name="check1" value="ch1" />
<input type="checkbox" name="check1" value="ch2" />
<input type="checkbox" name="check1" value="ch3" />
<input type="checkbox" name="check2" value="ch4" />
<input type="checkbox" name="check2" value="ch5" />
<input type="checkbox" name="check2" value="ch6" />

</fieldset>

<input type="checkbox" name="todos" value="todos" onclick="todos(this.checked)" />

Y en el head el script todos()...

Código:

function todos(valor) {
 for (var i = 0, total = document.getElementById("conjunto").getElementsByTagName("input"); i < total.length; i ++)
  total[i].checked = valor;
}

Saludos

Qué bien hecho está. Además diferenciando para coger los elementos que sean de tipo "input" y no otros.

Aunque eso último creo que no habría hecho falta, pues ya cogemos los elementos que queramos por id y podemos presuponer que no habrá otros.

¿Y hay alguna función para en vez de seleccionar por "Tag", seleccionar por "tipo" (para coger todos los "checkboxes", por ejemplo)?

caricatos · #15 (**permalink**) 15/12/2005, 01:55

Cita:

Iniciado por un_tio

Qué bien hecho está. Además diferenciando para coger los elementos que sean de tipo "input" y no otros.

Aunque eso último creo que no habría hecho falta, pues ya cogemos los elementos que queramos por id y podemos presuponer que no habrá otros.

¿Y hay alguna función para en vez de seleccionar por "Tag", seleccionar por "tipo" (para coger todos los "checkboxes", por ejemplo)?

Bueno, gracias por el comentario

Aunque sea lógico que solo haya un elemento con un id determinado, una mala implementación del explorer genera el array de elementos con el mismo atributo name a partir de atributos id iguales...

document.getElementsByName(nombre)...
nombre = atributo name
nombre (en explorer) = atributo id

y de querer seleccionar solo los que sean checkboxes se conseguiría con una condición...

Código:

function todos(valor) {
 for (var i = 0, total = document.getElementById("conjunto").getElementsByTagName("input"); i < total.length; i ++)
  if (total[i].type == "checkbox")  total[i].checked = valor;
}

Saludos