Marcar o Desmarcar todos los checkbox con JavaScript

Script en JavaScript que nos permite marcar/seleccionar todos los checkbox que existan en la pagina actual, lo que se hace es llamar a la función marcar en el evento ONCLICK del checkbox que marca/desmarca a todos, esa función recorrerá todos los elementos input de la página y cuando encuentre un checkbox le dará el valor de quien lo llamó (checkbox marcar/desmarcar todos)

<html>
<head>
<script type="text/javascript">
	function marcar(source) 
	{
		checkboxes=document.getElementsByTagName('input'); //obtenemos todos los controles del tipo Input
		for(i=0;i<checkboxes.length;i++) //recoremos todos los controles
		{
			if(checkboxes[i].type == "checkbox") //solo si es un checkbox entramos
			{
				checkboxes[i].checked=source.checked; //si es un checkbox le damos el valor del checkbox que lo llamó (Marcar/Desmarcar Todos)
			}
		}
	}
</script>
<title>Marcar todos los Checkbox</title>
</head>
<body>
<input type="checkbox" onclick="marcar(this);" /> Marcar/Desmarcar Todos
<hr/>
<input type="checkbox" name="check1" value="valor1">Valor 1<br/>
<input type="checkbox" name="check2" value="valor2">Valor 2<br/>
<input type="checkbox" name="check3" value="valor3">Valor 3<br/>
<input type="checkbox" name="check4" value="valor4">Valor 4<br/>
</body>
</html>

Aquí el Ejemplo: http://www.elcodigofuente.com/ejemplos/marcar_checkbox.html


Posted

in

by

Comments

22 respuestas a “Marcar o Desmarcar todos los checkbox con JavaScript”

  1. Erickson Vásquez Avatar

    Excelente, probé el codigo y funciona perfectamente. Gracias.

  2. DaN_xD Avatar
    DaN_xD

    Muchisimas gracias, un ejmplo muy simple pero muy efeciente!!

  3. dixon Avatar
    dixon

    como seria donde hay grupos de check para seleccionar solo el grupo deseado ?

  4. mcmanus Avatar
    mcmanus

    buena funcion muy útil. Gracias!!

  5. alex Avatar
    alex

    Muchas gracias, me sirvio

  6. isai Avatar
    isai

    por casualidad sabras como hacer que unos checkbox tengan un limite, es decir si tengo 20 sólo puedo seleccionar 12. que me dé un alerta al seleccioanr los 12

  7. Esteban Avatar

    Muchas Gracias!!! Me sirvió bastante…

  8. EstebanH Avatar

    Muchas gracias por tu código. Funciona perfectamente…

  9. Luis Avatar
    Luis

    Buena funcion resumida pero excelente, no a otros que eloboran codigo basura.

  10. Ana Li. Avatar
    Ana Li.

    Super después de pasar horas buscando algo que me hiciera esto en asp.et por fin lo logre gracias a ti una vez mas queda demostrado que no importa el tamaño si no el uso pocas lineas un gran resultado ya solo me falta llevarme los id o value de estos check Gracias te debo una

  11. Cristobal Avatar

    Gracias, me ayudo un monton

  12. Fernando Avatar
    Fernando

    Hay un error, cuando seleccionas todos los check pero después quitas alguno, el check que selecciona todos se debería deseleccionar, sin embargo, se queda seleccionado…

  13. Andres Avatar
    Andres

    gracias, me ayudó mucho

  14. Antonio Avatar

    me sirvio de mucho, estuve buscando por mucho tiempo esta funcionalidad y nada ninguna me servia, excelente codigo y muy simple 🙂

    gracias 🙂

  15. Sashelim Avatar
    Sashelim

    :’) batalle mucho para encontrar algo asi, muchas gracias por subir esto

  16. CARRANZA Avatar
    CARRANZA

    y sigue funcionando Mil Gracias Bendiciones

  17. Juan Juarez Avatar
    Juan Juarez

    Muchas gracias, me aliviaste un dolor de cabeza!!!

  18. Julia Avatar
    Julia

    Gracias!

  19. alfred Avatar
    alfred

    amigo y siiiiiiiiiiiiii Valor 4 tuviera un onclick:”function”

    la function de este otro input se activaria?

    me refiero a cuando los otros checkbox pasan a estar checked la función q ellos tienen también se activa? o como se hace para q eso suceda

  20. ALVAROE Avatar
    ALVAROE

    Exelente aporte, funciona a las mil maravillas. Gracias-

  21. Frnaklin Avatar
    Frnaklin

    Gracias! me sirvió!

Agregue un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *