Problemas con evento en javascript

[Lauryfis]

Hola a todos,
Soy nueva en este foro, y verán con las siguientes líenas puedo hacer que cuando seleccione un checkbox me aparezca un cuadro de texto:

Cable de red
<input type=checkbox onclick="document.form1.cablered.style.visibility= 'visible'">
<input type=text name=cablered style="visibility:hidden;">

Lo que quiero saber es cómo puedo hacer para que al quitarle la selección desaparezca el cuadro de texto.

¡Gracias!

[erlingfiallos]

primero lo primero.. declara un control tipo formulario.. que en el ejemplo no lo pusiste.. y segundo.. a cada valor de un control se le ponen comillas dobles..

Código HTML:

<form name="form1">
<input type="checkbox" onclick="document.form1.cablered.style.visibility='visible'">
<input type=text name="cablered" style="visibility:hidden;">
</form> 

[rb3m]

Lo mejor es crear una función para no llenar el onclick de código:

<script type="text/javascript">
function ahoraloves(id) {
elemento = document.getElementById(id);
(elemento.style.visibility == "visible") ? elemento.style.visibility = "hidden" : elemento.style.visibility = "visible";
}
</script>

y en tu forma debes tener:
<input type="checkbox" onclick="ahoraloves('cablered');" name="control" id="control" />
<input type="text" name="cablered" id="cablered" style="visibility: hidden;" />

el id en cablered es muy importante, de otro modo la función no sabrá a que elemento te refieres.