Marcar varios checkbox al dar clic

boy-computer · #1 (**permalink**) 12/05/2009, 09:05

Muestro varios registros de una consulta y a cada registro lo acompaña un checkbox, y al final quiero poner una opción que diga Marcar todos y otra que diga Desmarcar todos.

Como hago para cuando de clic en alguno de ellos se activen todos los checkbox y viceversa.

By_George · #2 (**permalink**) 12/05/2009, 09:10

eso lo haces con javascript, asi que te recomendaria si no mueven tu post que lo postearas en el foro para javascript

Ash_AM · #3 (**permalink**) 12/05/2009, 09:10

boy-computer
Es muy sencillo usando javascript. Por lo tanto está fuera de este foro.
Postealo en el foro de javascript. Allá rápidamente te darán la respuesta.

Saludos.

GatorV · #4 (**permalink**) 12/05/2009, 09:52

Tema trasladado desde PHP

matak · #5 (**permalink**) 12/05/2009, 10:46

Prueba esto a ver si es lo que buscas

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
 
<meta http-equiv="Content-Language" content="es">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<SCRIPT LANGUAGE="JavaScript">
function checkAllOrAny(nckecks) {
  for (i=1;i<=nckecks;i++){
    document.getElementById('check_'+i).checked=document.getElementById('all').checked
  }
  if (document.getElementById('all').checked) {
    document.getElementById('opcion').innerHTML='Ninguno'
  }else{
    document.getElementById('opcion').innerHTML='Todos'
 }
}
</SCRIPT>
</head>
<body>
<table>
<tr>
<td>
<input type='checkbox' id="all" onclick="checkAllOrAny(10)"/>
</td>
<td>
<span id="opcion">Todos<span>
</td>
</tr>
<?PHP
for ($i=1;$i<=10;$i++){
?>
<td>
<input type='checkbox' id="check_<?PHP echo $i; ?>" name="check_<?PHP echo $i; ?>"/>
</td>
<td>
Descriptcion del check<?PHP echo $i; ?>
</td>
</tr>
<?PHP
}
?>
</body>
</html>

Si generas el los checks dinámicamente en función del número de registros que te devuelve una consulta a una bd tendás que cambiar un poco la parte de PHP que genera el bucle pero no creo que tengas complicación.

Cualquier cosa ya sabes,

Saludos

boy-computer · #6 (**permalink**) 12/05/2009, 10:50

Ya he dado solución a mi problema, a continuación pongo mi solución para si alguien al igual que a mi se le hace necesario:

Cita:

<html>
<head>
<title>Formulario checkboxes</title>

<script>

function seleccionar_todo(){
for (i=0;i<document.f1.elements.length;i++)
if(document.f1.elements[i].type == "checkbox")
document.f1.elements[i].checked=1
}
function deseleccionar_todo(){
for (i=0;i<document.f1.elements.length;i++)
if(document.f1.elements[i].type == "checkbox")
document.f1.elements[i].checked=0
}
</script>

</head>

<body>

<form name="f1">

Nombre: <input type="text" name="nombre">
<br>
<input type="checkbox" name="ch1"> Opcion 1
<br>
<input type="checkbox" name="ch2"> Opcion 2
<br>
<input type="checkbox" name="ch3"> Opcion 3
<br>
<input type="checkbox" name="ch4"> Opcion 4
<br>

Otro campo de formulario:
<select name=otro>
<option value="1">Seleccion 1
<option value="2">Seleccion 2
</select>
<br>
<input type="submit">
<br>
<br>
<a href="javascript:seleccionar_todo()">Marcar todos</a> |
<a href="javascript:deseleccionar_todo()">Marcar ninguno</a>

</form>

</body>

</html>

Tomado de: http://www.desarrolloweb.com/articulos/2291.php

santiago_ra · #7 (**permalink**) 02/06/2009, 18:28

boy-computer fantástico ejemplo para marcar y desmarcar.

Felicidades.