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!