JavascriptMarcar o Desmarcar todos los checkbox con JavaScript

Marcar o Desmarcar todos los checkbox con JavaScript

-

- Advertisment -

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

22 COMENTARIOS

  1. 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

  2. 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

  3. 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…

  4. 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

Agregue un comentario a DaN_xD Cancelar respuesta

Por favor ingrese su comentario!
Por favor ingrese su nombre aquí

Últimas Noticias

WordPress – Crear BBCODE o shortcode personalizados

Los BBCODES o "shortcode" son esas funciones que tiene Wordpress y que se usan con corchetes, que generalmente te...

WordPress – Enviar título de la página o campo oculto, en Contact Form 7

Problema: Tengo un cliente que tiene una web con muchos productos y en todas sus páginas usa el mismo formulario...

Laravel – Modo Debug según IP

En algunos casos se necesita el modo DEBUG según IP, por ejemplo cuando estamos en producción y tenemos un...

Reemplazar URLs cuando cambias de dominio en WordPress (también de http a https)

Cuando haces un cambio de dominio por alguna razón (antes te llamabas www.viejodominio.com y ahora www.nuevodominio.com) si bien ya...
- Advertisement -

Como ejecutar comandos Artisan desde consola Git

Voy a suponer que ya tienen instalado el composer y php de manera global y un proyecto en Laravel....

Ejecutar Composer y/o PHP de manera Global en Windows

Si por alguna razón al instalar Composer este no funciona desde cualquier ruta estando en linea de comandos (ya...

Debe leer

- Advertisement -

También podría gustarteRELACIONADA
Recomendada para usted