Ver Mensaje Individual
  #8 (permalink)  
Antiguo 24/04/2012, 11:56
Avatar de Dafonz
Dafonz
 
Fecha de Ingreso: octubre-2009
Mensajes: 127
Antigüedad: 15 años, 1 mes
Puntos: 36
Respuesta: Ocultar y hacer visible un campo

Lo acabo de probar y si funciona ahi te va:
Javascript
Código Javascript:
Ver original
  1. function pruebaFuncion(obj,cl) {
  2.             var myclass = new RegExp('\\b'+cl+'\\b');
  3.             var elem = document.getElementsByTagName('*');
  4.             for (var i = 0; i < elem.length; i++) {
  5.                 var classes = elem[i].className;
  6.                 if (myclass.test(classes)) { elem[i].style.visibility =  (obj.checked) ? 'visible' : 'hidden'; }
  7.             }
  8.         }

Si tienes hoja de estilos o si quieres crearla dentro de la misma head o algo:
Código HTML:
Ver original
  1. .invisible { visibility:hidden; }

Checkbox
<input type="checkbox" onClick="pruebaFuncion(this,'invisible')" />

Campos: (los repeti a mano pero debe ser la misma en while)

Código HTML:
Ver original
  1. <input size="10" maxlength="20" class='invisible' type="text" value="Este SI" >
  2. <input size="10" maxlength="20" class='invisible' type="text" value="Este SI" >
  3. <input size="10" maxlength="20" class='invisible' type="text" value="Este SI" >
  4. <input size="10" maxlength="20" class='invisible' type="text" value="Este SI" >
  5. <input size="10" maxlength="20" class='invisible' type="text" value="Este SI" >
  6. <input size="10" maxlength="20" class='invisible' type="text" value="Este SI" >
  7. <input size="10" maxlength="20" type="text" value="Este NO" >
  8. <input size="10" maxlength="20" class='invisible' type="text" value="Este SI" >

Los campos con class='Invisible' se ocultan, los demas no