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: https://www.elcodigofuente.com/ejemplos/marcar_checkbox.html
Excelente, probé el codigo y funciona perfectamente. Gracias.
Muchisimas gracias, un ejmplo muy simple pero muy efeciente!!
como seria donde hay grupos de check para seleccionar solo el grupo deseado ?
buena funcion muy útil. Gracias!!
Muchas gracias, me sirvio
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
Muchas Gracias!!! Me sirvió bastante…
Muchas gracias por tu código. Funciona perfectamente…
Buena funcion resumida pero excelente, no a otros que eloboran codigo basura.
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
Gracias, me ayudo un monton
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…
Hermoso
gracias, me ayudó mucho
me sirvio de mucho, estuve buscando por mucho tiempo esta funcionalidad y nada ninguna me servia, excelente codigo y muy simple 🙂
gracias 🙂
:’) batalle mucho para encontrar algo asi, muchas gracias por subir esto
y sigue funcionando Mil Gracias Bendiciones
Muchas gracias, me aliviaste un dolor de cabeza!!!
Gracias!
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
Exelente aporte, funciona a las mil maravillas. Gracias-
Gracias! me sirvió!