Problema con funcion "seleccionar todos"

Carxl · #1 (**permalink**) 18/09/2007, 09:16

Hola! Cómo van??

Pues resulta que tengo la siguiente función para chekar con javascript todos los checkbox que se muestren ciertos registros...

Código:

<script language="javascript" type="text/javascript">
function ChequearTodos(chkbox)
{
	for (var i=0;i < document.forms["form"].elements.length;i++)
	{
		var elemento = document.forms[0].elements[i];
		if (elemento.type == "checkbox")
		{
		elemento.checked = chkbox.checked
		}
	}
}
</script>

Y en un formualrio, supongamos:

Código HTML:

<form action="todo_asigna_medios.php" name="form" method="post">				
<table border="1">
<tr>
<td colspan="10"><h1>Asignar contactos a Medio</h1></td>
</tr>
<tr>
<td colspan="10">
<p>Por si algo</p>
</td>
</tr>
<tr>
<td>CONTACTO</td>
<td>EMPRESA</td>
<td>ASIGNAR<input type="checkbox" name="checkbox4" value="checkbox" onClick="ChequearTodos(this);"></td>
</tr>
.
.
.

De esta manera, la función funciona perfectamente, no tengo problema, cheka todos los checkbox picando en uno solo

El problema resulta cuando agrego otro formulario..., la funciòn se cae!!!, ya no funciona... y si admás el segundo formulario también maneja checkbox, ya no cheka sus respectivos checkbox sino los del segundo... mejor dicho ... la funciòn se vuelve un 8 con otro formualrio

Saben que puede ser??

Gracias de antemano

pinchoso · #2 (**permalink**) 18/09/2007, 09:20

¿Que nombre le pones al segundo formulario?

Por lo que dices parece como si estuvieras usando el mismo nombre (name="form") para ambos con lo que el tu función no sabe a que formulario te refieres.

Saludos.

Carxl · #3 (**permalink**) 18/09/2007, 09:30

Hola pinchoso...

Mira, claro que le cambio el nombre al segundo form, lo llamo "form2", fuera de eso hago otra funciòn casi igual, pues le cambio el nombre a la función y cambio lo de adentro...

Código:

<script language="javascript" type="text/javascript">
function ChequearTodos2(chkbox)
{
	for (var i=0;i < document.forms["form2"].elements.length;i++)
	{
		var elemento = document.forms[0].elements[i];
		if (elemento.type == "checkbox")
		{
		elemento.checked = chkbox.checked
		}
	}
}

function ChequearTodos(chkbox)
{
	for (var i=0;i < document.forms["form"].elements.length;i++)
	{
		var elemento = document.forms[0].elements[i];
		if (elemento.type == "checkbox")
		{
		elemento.checked = chkbox.checked
		}
	}
}
</script>

Entonces el html quedarìa asì:

Código HTML:

<form action="todo_asigna_medios.php" name="form" method="post">				
<table border="1">
<tr>
<td colspan="10"><h1>Asignar contactos a Medio</h1></td>
</tr>
<tr>
<td colspan="10">
<p>Por si algo</p>
</td>
</tr>
<tr>
<td>CONTACTO</td>
<td>EMPRESA</td>
<td>ASIGNAR<input type="checkbox" name="checkbox4" value="checkbox" onClick="ChequearTodos(this);"></td>
</tr>
.
.
.
</form>


<form action="todo_asigna_medios.php" name="form2" method="post">				
<table border="1">
<tr>
<td colspan="10"><h1>Asignar contactos a Medio</h1></td>
</tr>
<tr>
<td colspan="10">
<p>Por si algo</p>
</td>
</tr>
<tr>
<td>CONTACTO</td>
<td>EMPRESA</td>
<td>ASIGNAR<input type="checkbox" name="checkbox4" value="checkbox" onClick="ChequearTodos2(this);"></td>
</tr>
.
.
.
</form>

Esa es la manera como lo hago y no funciona!!!

Saludos

Carxl · #4 (**permalink**) 19/09/2007, 07:11

Hola de nuevo...

Intenté haciendo todo de nuevo y....

Nada que quiere funcionar!!!

No hallo cual es el problema...

, serà que es mi ignorancia?? jeje

Agradezco cualquier ayuda...

Gracias de antemano

JavierB · #5 (**permalink**) 19/09/2007, 08:28

Hola Carxl

Prueba este ejemplo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function marcar(obj) {
  for (i=0; ele = obj.form.elements[i]; i++)
    if (ele.type=='checkbox')
      ele.checked = obj.checked;
}
</script>
</head>
<body>
<form name="f1">
Todos: <input type="checkbox" onclick = "marcar(this)" /><br />
<input type="checkbox" /><br />
<input type="checkbox" />
</form>
<form name="f2">
Todos: <input type="checkbox" onclick = "marcar(this)" /><br />
<input type="checkbox" /><br />
<input type="checkbox" />
</form>
</body>
</html>

Saludos,

Carxl · #6 (**permalink**) 19/09/2007, 09:22

JavierB

Muchas gracias..., con esa función simplemente la cambio y ya!!!

Saludos

PDT: Has evitado que vuelva a hacer todo...

Bye!!!

piro150380 · #7 (**permalink**) 24/09/2007, 21:08

He estado Buscando este codigo por dias y aqui asi de simple das la respuesta gracias JavierB eres un AS saludos

JavierB · #8 (**permalink**) 25/09/2007, 00:52

Hola piro150380

Me alegro de que el código te haya resultado útil.

Saludos,