Una consultilla, tengo el siguiente codigo con html y javscripts:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<script>
function colorear(obj)
{
fila = obj.parentNode.parentNode;
if(obj.checked)
fila.style.backgroundColor = "#FFCC99";
else
fila.style.backgroundColor = "#DDDDDD";
}
function cambiar_color_over(celda){
celda.style.backgroundColor="#ccffcc";
}
function cambiar_color_out(celda){
celda.style.backgroundColor="#dddddd";
}
</script>
</head>
<body>
<table>
<thead>
<tr align="center">
<th>Campo1</th>
<th>Campo2</th>
<th>Campo3.</th>
</tr>
</thead>
<tr bgcolor='#F0F0F0' onmouseover="cambiar_color_over(this)" onmouseout="cambiar_color_out(this)">
<td><input id="miCheck1" type="checkbox" name="miCheck" onclick="colorear(this)"></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor='#F0F0F0' onmouseover="cambiar_color_over(this)" onmouseout="cambiar_color_out(this)">
<td><input id="miCheck2" type="checkbox" name="miCheck" onclick="colorear(this)"></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor='#F0F0F0' onmouseover="cambiar_color_over(this)" onmouseout="cambiar_color_out(this)">
<td><input id="miCheck3" type="checkbox" name="miCheck" onclick="colorear(this)"></td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
Este codigo cambia de colores cada fila de la tabla al pasar el mouse sobre ellas
y al levantarlas. Tambien cambia de color cuando se hace click en el checkbox. Mi duda es q como puedo hacer que cuando el checkbox este marcado, este mantenga su color. Por fa necesito vuestra ayuda. Saludos