marcar checkbox por grupos

eurodoblon · #1 (**permalink**) 15/07/2012, 13:14

Hola:
Tengo checkbox generados dinámicamnte, después de una consulta a la bd.

<input type='checkbox' id='$id' name='seleccion[$i]' value='modifica' >

llamo a la función:

<span style='cursor:pointer' onclick=\"marcatodos('$id');\">Selecionar Todos</span>

Y con esta función lo hace perfectamente, marcando solo los que tengan la id correspondiente:

Código HTML:

var tags_inpt = new Array();
function marcatodos(id) {
tags_inpt=document.getElementsByTagName('input');
var i;
for (i=0; i<tags_inpt.length; i++) {
if ((tags_inpt[i].type=='checkbox')&&(tags_inpt[i].id.match(id))){
tags_inpt[i].checked = true;
}
}
}

El problema:
Que al mandarlo a la página php donde recojo todos los parametros con

Código PHP:

  switch($opcion){    case 'modifica':

SIEMPRE ME MANDA UNO MAS, es de cir que si selecciono todos, me manda todos + 1.

Podeís ayudarme?

emprear · #2 (**permalink**) 15/07/2012, 13:53

@eurodoblon
Eso te funciona?
no veo tu html, pero, partiendo de la base de que los id deben ser únicos, y siendo que tu función pasa tan solo un id, solo un input debería ser marcado, y supongo que tu "marcar todos" refiere a multiples checkboxes.
es decir, esto

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">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
var tags_inpt = new Array();
function marcatodos(id) {
tags_inpt=document.getElementsByTagName('input');
var i;
for (i=0; i<tags_inpt.length; i++) {
if ((tags_inpt[i].type=='checkbox')&&(tags_inpt[i].id.match(id))){
tags_inpt[i].checked = true;
}
}
}
 
//]]>
</script>
</head>
<body>
<span style='cursor:pointer' onclick="marcatodos('dos');">Selecionar Todos</span>
<form>
<input type="checkbox" id="uno" />
<input type="checkbox" id="dos" />
<input type="checkbox" id="tres" />
</form>
</body>
</html>

No funciona
suponiendo que utilices el name, es otro cantar.
como es la cosa?

Y te recomiendo que no utilices id como identificador de los parámetros de la variable, porque "id" tiene su propio significado dentro de la sintáxis de javascript
Saludos
PD: quizás este post te sirva de algo
http://www.forosdelweb.com/f13/conta...ctivos-988604/

eurodoblon · #3 (**permalink**) 15/07/2012, 14:17

He simplificado la función, marca bien los que debe marcar, pero siempre manda un array más.

Código:

function marcatodos(ide) {
tags_inpt=document.getElementsByTagName('input');


for (i=0; i<tags_inpt.length; i++) {
if ((tags_inpt[i].type=='checkbox')&&(tags_inpt[i].id==ide)){
tags_inpt[i].checked = 1;
}
}
}

En este caso seleccioné 2 y recibí esto:

Array ( [2] => modifica [3] => modifica [4] => modifica ) Array ( [2] => modifica [3] => modifica [4] => modifica ) Array ( [2] => modifica [3] => modifica [4] => modifica )

emprear · #4 (**permalink**) 15/07/2012, 14:54

Si estás haciendo esto
<input type="checkbox" name="grupo" id="uno" />
<input type="checkbox" name="grupo" id="uno" />
<input type="checkbox" name="grupo" id="dos" />
<input type="checkbox" name="grupo" id="dos" />
<input type="checkbox" name="grupo" id="tres" />

aunque te funcione, NO es correcto, independientemente de lo que después quieras hacer desde el php

La respuesta a tu problema está en el link que dejé como referencia