cambiar el color a una fila

tavo2111 · #1 (**permalink**) 15/04/2002, 12:40

Hola a todos tengo un pequeña duda .

tengo una tabla que tiene cierta cantidad de columnas y donde una de la columnas es un campo check , y deseo hacer lo siguiente
cuando hago check en este campo el color de la fila debe cambiar , como indicandome que esta selecionada. y asi poder diferencias cuales estan check y cuales no.

esto se puede ?? y como se hace , utilizando Java script. gracias.

mikel_gomez · #2 (**permalink**) 15/04/2002, 14:57

A continuación te dejo un ejemplo completo.
Pruébalo.

Código:

&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;
      Ejemplo de cambio de estilo
      al activar/desactivar &quot;CheckBoxes&quot;
    &lt;/title&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    &lt;!--
      function resaltar(nombreFila, estado) {
        if (document.getElementById) {
          var fila = document.getElementById(nombreFila);
          var colorfondo = (estado) ? 'red' : 'white' ;
          fila.style.backgroundColor = colorfondo ;
        }
        else alert('Navegador no soporta DOM');

      }
    //--&gt;
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p style=&quot;font: 10pt verdana; font-weight: bold;&quot;&gt;
      Ejemplo de cambio de estilo
      al activar/desactivar &quot;CheckBoxes&quot;
      &lt;hr /&gt;
    &lt;/p&gt;
    &lt;form id=&quot;frm&quot;&gt;
      &lt;table&gt;
        &lt;tr&gt;
          &lt;td id=&quot;fila01&quot;&gt;
            &lt;input type=&quot;checkbox&quot; id=&quot;check01&quot;
              onclick=&quot;resaltar('fila01', this.checked);&quot; /&gt;
            Check 1
          &lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td id=&quot;fila02&quot;&gt;
            &lt;input type=&quot;checkbox&quot; id=&quot;check02&quot;
              onclick=&quot;resaltar('fila02', this.checked);&quot; /&gt;
            Check 2
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/form&gt;
  &lt;/body&gt;
&lt;/html&gt;

Saludos.

<style>.t{font: 8pt verdana; text-decoration: none; color: black;}</style><hr><span class="t"><a href="mailto:[email protected]" class="t" style="font: 10pt;">Mikel Gómez</a><br>Hay que aprender mucho para saber poco.</span>

tavo2111 · #3 (**permalink**) 15/04/2002, 15:19

Muchas gracias era lo que estaba buscando te lo agradezco a montones :)