Un saludo a todos los expertos:
Expongo mi duda por si alguien puede orientarme le estaré muy agradecido. Tengo un formulario donde el usuario hace clic en determinadas columnas de una tabla. Al hacer clic en cada una de ellas, la celda se "ilumina" o vuelve a su status normal. Hasta aquí todo bien porque estoy usando la función toggleClass.
Sin embargo, si el usuario decide "cancelar" su petición, da clic en el botón correspondiente y al hacerlo, el toggleClass regresa a su estado "normal". Mi pregunta es:
¿por qué no puedo volver a dar clic y que se vuelvan a iluminar las celdas de la tabla? Les dejo fragmentos de código y, de antemano, agradezco su atención
Saludos
U.
El estilo:
Código:
<style type="text/css">
.fondotd{ background-color: #0000ff;}
.sinfondo{ background-color: #ffffff; }
</style>
La tabla:
Código:
<table cellspacing="0" border="1" >
<tr>
<td class="color" valign="middle" align="left">Enero</td>
El script:
Código:
<script type="text/javascript">
$(document).ready(function(){
$("td.color").click(function(){
$(this).toggleClass("fondotd");
});
});
</script>
el boton de cancelar:
Código:
$("#limpiarDatosBtn").click(function() {
$("td.color").toggleClass("sinfondo");