Ocultar y hacer visible un campo

[Dafonz]

es que al ser id necesitan ser únicas.. lo que puedes hacer es ponerle class='' por ejemplo:

Código HTML:

<style>
 .invisible { visibility:hidden; }
</style>
<td>
<input size="10" maxlength="20" class='invisible' type="text" value="<?php echo $canales['IP']; ?>" >
</td>
 

(lo de style lo puse extra el punto es ponerle class='algo')

entonces cuando dispares el evento que oculta o pone visible todos los campos llamas esta funcion en vez de la que tienes pero mandandole tmb el nombre de la clase si la quieres usar para depsues: onClick="pruebaFuncion(this,'invisible')"

Código Javascript:

function pruebaFuncion(obj,cl) {
    var myclass = new RegExp('\\b'+cl+'\\b');
    var elem = document.getElementsByTagName('*');
    for (var i = 0; i < elem.length; i++) {
        var classes = elem[i].className;
        if (myclass.test(classes)) { elem[i].style.visibility =  (obj.checked) ? 'visible' : 'hidden'; }
    }
}
 

¿Que es lo que hace?
Pues sencillo.. a la hora que llamas la funcion le mandas el objeto de checkbox (como antes) y a parte el nombre de la clase que tienen tus input que quieres ocultar o mostrar ('invisible').. entonces primero selecciona los elementos de la pagina y los filtra por esa clase que enviaste después les pone la visibilidad segun sea el checkbox.. puede sonar reburujado y pues eso de sacar los elementos es otro ciclo extra pero si tienes mas input del mismo tipo es dificil seleccionar solo esos, es por eso que puse la clase como indicador.