Come nascondere casella di controllo Quando è selezionata in JavaScript

June 22

JavaScript permette allo sviluppatore pagina Web per nascondere e mostrare elementi del modulo. È possibile nascondere i contenuti di controllo box dopo che un utente controlla una scatola, così gli utenti possono controllare il layout della pagina Web. Per esempio, se un utente sceglie di nascondere il contenuto nella tua interfaccia personalizzata, la funzione JavaScript nasconde il contenuto dal punto di vista dell'utente. Tuttavia, il contenuto è ancora disponibile nel codice HTML.

istruzione

1 Fare clic destro sul file HTML che si desidera modificare e selezionare "Apri con". Fare doppio clic l'editor JavaScript o HTML che si desidera utilizzare per modificare il codice della pagina.

2 Digitare i seguenti tag script nel codice HTML:

<Script type = "text / javascript"> </ script>

Mettere tutto il codice JavaScript all'interno di questi tag, compreso il codice per nascondere la casella di controllo.

3 Creare la funzione di nascondere la casella di controllo. digitando il seguente codice:

Funzione hideCheckBox (casella di controllo) {

if (checkbox.checked) {

checkbox.style.visibility = "hidden";

}

}

4 Digitare il seguente codice per chiamare la nuova funzione nella casella di controllo:

Onclick = "javascript: hideCheckBox (questo)"

Questo codice dice la casella di controllo per chiamare la funzione per nascondere l'elemento del modulo quando viene cliccato.