Mostrar/Ocultar tablas con checkbox

glory82 · #1 (**permalink**) 12/04/2010, 16:47

Hola a todos,

Tengo una tabla que tiene varias filas (las filas tienen textbox para ingresar datos) las cuales quisiera ocultar o mostrar de acuerdo a un checkbox que el usuario chulee. Como hago esto? o sino tambien que con solo chulear un checkbox pueda mostrar/ocultar toda una tabla.

Muchas gracias al que me pueda colaborar.

Adler · #2 (**permalink**) 13/04/2010, 06:12

Hola

Cita:

Iniciado por glory82

Hola a todos,

Tengo una tabla que tiene varias filas (las filas tienen textbox para ingresar datos) las cuales quisiera ocultar o mostrar de acuerdo a un checkbox que el usuario chulee. Como hago esto? o sino tambien que con solo chulear un checkbox pueda mostrar/ocultar toda una tabla.

Muchas gracias al que me pueda colaborar.

Estás hablando de javascript

Suerte

AlZuwaga · #3 (**permalink**) 13/04/2010, 11:02

movido desde ASP

Adler · #4 (**permalink**) 14/04/2010, 07:38

Hola

Prueba con esto

Código Javascript:

Ver original<html>
<head>
<script type="text/javascript">
window.onload = function() {
cant_td = document.body.getElementsByTagName('td');
cant_inpt = document.body.getElementsByTagName('input');
for(i=0; i < cant_td.length; i++) {
for (j=1; j < cant_inpt.length; j+=2) {
cant_inpt[j].onclick = function() {
document.getElementById('td_'+this.id).style.backgroundColor = 'red';
}
}
}
}
</script>
</script>
</head>
<body>
<table border="1">
<tr>
<td id="td_1"><input type="text" value="" />&nbsp<input type="checkbox" id="1" /></td>
</tr>
<tr>
<td id="td_2"><input type="text" value="" />&nbsp<input type="checkbox" id="2" /></td>
</tr>
<tr>
<td id="td_3"><input type="text" value="" />&nbsp<input type="checkbox" id="3" /></td>
</tr>
</table>
</body>
</html>

Suerte

glory82 · #5 (**permalink**) 18/04/2010, 16:56

Hola,

gracias por tu respuesta, pero probé el codigo y lo que hace es que cambia de color la tabla pero no hace que desaparezca que es lo que necesito, con señalar el checkbox me desaparezca la tabla html completa.
Que mas se puede hacer

Muchas gracias.

Adler · #6 (**permalink**) 19/04/2010, 04:38

Hola

Cita:

Iniciado por glory82

Hola,

gracias por tu respuesta, pero probé el codigo y lo que hace es que cambia de color la tabla pero no hace que desaparezca que es lo que necesito, con señalar el checkbox me desaparezca la tabla html completa.
Que mas se puede hacer

Muchas gracias.

Un poco de iniciativa

. ¿Quieres eliminar toda la tabla o el td que contiene el checkbox?. Busca por removeChild

Suerte

glory82 · #7 (**permalink**) 19/04/2010, 18:12

Saludos

Lo que quiero es ocultar/mostar la tabla al chulear el checkbox.
removechild la borra, no? No se como hacer esto.

Gracias

Adler · #8 (**permalink**) 20/04/2010, 04:46

Hola

Cita:

Iniciado por glory82

Saludos

Lo que quiero es ocultar/mostar la tabla al chulear el checkbox.
removechild la borra, no? No se como hacer esto.

Gracias

Y con esa actitud, no lo lograrás

Un poco mas de mi parte

Suerte