Sombrear una fila de tabla al clicar un checkbox

[AnDrEa MM]

Tengo una tabla la cual tiene en cada una de sus filas un checkbox. Quisiera q al pulsar sobre cada uno de ellos se sombree la fila entera de otro color.
Las filas de la tabla se crean de forma dinámica:

Código PHP:

  for ($i=0; $i<count($array); $i++) { 
$id = "ch".$i; 
$tr = "tr".$i; 
echo "<form name=\"formu\"><tr  id='$tr'><td> <input id='$id' type=\"checkbox\" onclick=\"cambiarColorFila($i);\"></td><td>valor</td> </tr></form>"; 
}  
   

A cada checkbox le voy asignando como id: ch0, ch1, ch2...
Y a cada fila de la tabla el id: tr0, tr1, tr2...

En el event onclick del checkbox llamo a la función cambiarColorFila($i):

Código:

function cambiarColorFila(n) {
	var id = "ch"+n;
	var tr = "tr"+n;
	document.formu[tr].style.bgColor = (document.formu[id].checked) ? "#C4DEF2" : "#81B4D1";
}

Con ello quiero hacer q, dependiendo de si está pinchado el checkbox correspondiente, se sombree la fila de un color u otro. Pero hago algo mal.

¿Alguien puede ayudarme? El error q suelta la Consola Javascript es q 'document.formu[tr] has no properties'...

Gracias!

[tunait]

Hola Andrea,

podrías pedírselo así en cada checkbox

input type="checkbox" name="pepe" value="hola" onclick= "this.parentNode.parentNode.style.backgroundCo lor = this.checked ? '#C4DEF2' : '#81B4D1'" />

[AnDrEa MM]

Muchas gracias tunait, ya lo he probado y va perfecto!

[tunait]

Muchas de nadas

Un saludo!

[freeware]

Vaya ese código parece muy logico en principio, y no encontraba el error. Pero ya lo ví. UN TR NO ES ELEMENTO DE UN FORM. Bueno eso significa que podría haber otra solución...solo lo resolví de práctica.

[Vhan]

me funcionó para lo que buscaba...

onclick= "this.parentNode.style.backgroundColor=orange" ...

[JavierB]

El tema es de hace más de 3 años. Por favor, no revivas temas tan antiguos. Si tienes alguna duda, es preferible abrir un tema nuevo

Saludos,