Domanda Javascript

[antoedp]

esiste la proprieta che mi renda il campo non visibile in java script

quello che sto cercando di fare è che a seconda dello stato di una checkbox visualizzo o mendo dei campi in un form
è volevo chiedere se c'è un qualcosa che mi fa rendere il campo non visibile!

[floyd]

document.getElementById("idCampo").visibility = "hidden"

[antoedp]

con questo mi dovrebbe noscondere il campo giusto ?

document.getElementById("idCampo").visibility = "hidden"

mo nel caso io voglia associare questo evento a una checkbox nel senso se non è spuntata il campo non lo vedo viceversa se è spuntata mi fà vedere il campo !

[Reale_Augello]

... così:

<input type="checkbox" name="box" onClick="if (this.checked) document.getElementById('campo').style.visibility='visible'; else document.getElementById('campo').style.visibility='hidden';">

<input type="text" name="campo" id="campo" style="visibility:hidden;">

Ciao !

[floyd]

vediamo
<script>
function controlla(f) {
if (f.checked)
document.getElementById("idCampo").visibility = "visible";
else
document.getElementById("idCampo").visibility = "hidden";
}
</script>
<input type="checkbox" onChange="controlla(this)">

[antoedp]

ho risolto il mio problema ma se voglio includere altri campi come posso fare ?
e volevo fare in modo che anche il testo non sia visualizzabile

Questo è il codice

<script type="text/javascript">

function controlla(f) {
if (f.checked)
document.getElementById("rag_soc2").style.visibili ty = "visible"
else
document.getElementById("rag_soc2").style.visibili ty = "hidden"
}

</script>



<input type="text" class="input" name="rag_soc2" size="45" maxlength="50" id="rag_soc2" style="visibility:hidden;">

[antoedp]

ma come cavolo faccio ad includere altri campi come ho fatto per la ragione sociale ho provato in tutti i modi !

<script type="text/javascript">

function controlla(f) {
if (f.checked)
document.getElementById("rag_soc2").style.visibili ty = "visible"
else
document.getElementById("rag_soc2").style.visibili ty = "hidden"
}

</script>



<input type="text" class="input" name="rag_soc2" size="45" maxlength="50" id="rag_soc2" style="visibility:hidden;">

[antoedp]

ho fatto in questo modo ma c'è un problema durante la visualizzazione della pagina e mi dice che è prevista una funzione

function controlla(f) {
if (f.checked)
(document.getElementById("rag_soc2").style.visibil ity = "visible")
(document.getElementById("txt_rag_soc2").style.vis ibility = "visible")
else
(document.getElementById("rag_soc2").style.visibil ity = "hidden")
(document.getElementById("txt_rag_soc2").style.vis ibility = "hidden")

}
</script>

<div align="right" id="txt_rag_soc2" style="visibility:hidden;">Ragione Sociale:</div>
<input type="text" class="input" name="rag_soc2" size="45" maxlength="50" id="rag_soc2" style="visibility:hidden;">

[floyd]

if (cond)
istruzione
else
istruzione

if (cond) {
istruzione
istruzione
} else {
istruzione
istruzione
}