Checkboxs estilo Hotmail

GustavoPY · #1 (**permalink**) 01/04/2004, 06:02

Hola a todos!!

Tengo varios checkBoxs con el mismo nombre en un formulario además de uno llamado "chk_todos"

¿Cómo puedo hacer para que al hacer click en el checkbox "chk_todos", los restantes checkboxs llamados "chk_archivo" se seleccionen, pero que además de eso, me resalte toda la fila de un color diferente?
Claro que si vuelve a hacer clic sobre "chk_todos" se restauren todos otra vez.

Esto es exáctamente igual al menú de mensajes de Hotmail, al intentar eliminar mensajes.

Se cómo hacer para seleccionar todos los checkboxs de una sola vez, pero no se cómo resaltarlos.

Desde ya, muchas gracias a todos!!

JavierB · #2 (**permalink**) 01/04/2004, 11:31

Hola, GustavoPY.

Prueba esto a ver que tal:

Código PHP:

  <html>

<head>

<script>

function marcar(obj) {

    elem=obj.parentNode.parentNode;

    elem.style.backgroundColor=(obj.checked) ? 'red' : 'white';

}

 
function marcarTodos(obj) {

    elem=document.getElementsByName('algo');

    for(i=0;i<elem.length;i++) {

        elem[i].checked=obj.checked;

        fila=elem[i].parentNode.parentNode;

        fila.style.backgroundColor=(obj.checked) ? 'red' : 'white';

    }

}

</script>

</head>

 
<body>

<table width="400px" border="1">

  <tr>

    <td>&nbsp;</td>

    <td><input type="checkbox" name="todos" onclick="marcarTodos(this)"/></td>

  </tr>

  <tr> 

    <td>&nbsp;</td>

    <td>

      <input type="checkbox" name="algo" onclick="marcar(this)"/>

    </td>

  </tr>

  <tr> 

    <td>&nbsp;</td>

    <td>

      <input type="checkbox" name="algo" onclick="marcar(this)"/>

    </td>

  </tr>

  <tr> 

    <td>&nbsp;</td>

    <td>

      <input type="checkbox" name="algo" onclick="marcar(this)"/>

    </td>

  </tr>

</table>

</body>

</html>

Saludos,

GustavoPY · #3 (**permalink**) 05/04/2004, 09:12

Es esto mismo!!

Gracias!!!

JavierB · #4 (**permalink**) 05/04/2004, 09:23

No hay de que. Me alegro de que lo hayas check-eado y te haya servido

T4X · #5 (**permalink**) 01/06/2005, 17:13

Buena idea dejarlo en las FAQ's de JavaScript