Seleccionar CheckBox y pintar tr row (toggle)

ignacio_giri · #1 (**permalink**) 26/03/2005, 18:51

necesito poder seleccionar un checkbox por vez y poder seleccionar todos a la vez, y así que tambien se pinten los <tr> de otro color. Tipo WebMail.

saludos.

KarlanKas · #2 (**permalink**) 27/03/2005, 05:50

El buscador es tu amigo:

http://www.forosdelweb.com/f13/cambiar-color-fila-seleccionar-checkbox-como-hace-hotmail-138097/

ignacio_giri · #3 (**permalink**) 27/03/2005, 20:00

efectivamente en ese post encontré lo que tanto buscaba, muchas gracias.

ignacio_giri · #4 (**permalink**) 27/03/2005, 22:42

Código PHP:

  <style type=text/css>

tr.Checked {

background-color:#ffa500;

}

tr.unChecked {

background-color:#333333;

}

</style>

 <script language="Javascript">

 <!--

 function HR (element) {

     newClassName="unChecked" 

     if (element.checked) { newClassName="Checked" }

     while (element.tagName.toUpperCase() != 'TR' && element != null)

         element = document.all ? element.parentElement : element.parentNode;

     element.className = newClassName

 }

 function CA (element)

 {   

     for (var i=0;i<document.testform.elements.length;i++)

     {   

         var e = document.testform.elements[i];

         if (e.name != "allbox") {

           e.checked = document.testform.allbox.checked;

           HR(e) }

     }

 }

 //-->

 </script>

</head>

<body text=white>

<form name="testform" action="#">

<table border="1">

<tr class=Checked><td width="200">Check All</td><td><input type="checkbox" name="allbox" onClick="CA();"></td></tr>

<tr class=unChecked><td width="200">A</td><td><input type="checkbox" name="message_ids" onClick="HR(this);"></td></tr>

<tr class=unChecked><td width="200">B</td><td><input type="checkbox" name="message_ids" onClick="HR(this);"></td></tr>

<tr class=unChecked><td width="200">C</td><td><input type="checkbox" name="message_ids" onClick="HR(this);"></td></tr>

</table>

</form>

</body>

</html>

lo saque de http://www.experts-exchange.com/Web/..._20384466.html

Saludos

KarlanKas · #5 (**permalink**) 28/03/2005, 02:23

Mira tú que bien!