Hoe te verbergen vakje in als Gecontroleerd in JavaScript

JavaScript maakt het mogelijk een webpagina ontwikkelaar om te verbergen en te laten zien vormelementen. U kunt selectievakje inhoud te verbergen nadat een gebruiker een doos controleert, zodat gebruikers de lay-out op de webpagina kan controleren. Bijvoorbeeld, als een gebruiker ervoor kiest om de inhoud in uw aangepaste interface van te verbergen, de JavaScript-functie verbergt de inhoud van het standpunt van de gebruiker. Echter, de inhoud is nog beschikbaar in de HTML-code.

instructies

1 Met de rechtermuisknop op het HTML-bestand dat u wilt bewerken en selecteer "Openen met." Dubbelklik op het JavaScript of HTML-editor die u wilt gebruiken om de pagina code te bewerken.

2 Typ het volgende script-tags in de HTML-code:

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

Plaats alle JavaScript-code binnen deze tags, met inbegrip van de code om het selectievakje te verbergen.

3 Maak de functie om het selectievakje te verbergen. door het intikken van de volgende code:

functie hideCheckBox (checkbox) {

if (checkbox.checked) {

checkbox.style.visibility = "verborgen";

}

}

4 Typ de volgende code om de nieuwe functie in het vakje bellen:

OnClick = "javascript: hideCheckBox (deze)"

Deze code vertelt het selectievakje in om de functie aan te roepen om het formulier element verbergen wanneer erop wordt geklikt.