Cómo ocultar casilla de verificación en caso de control en JavaScript

JavaScript permite a un desarrollador de páginas Web para ocultar y mostrar elementos de formulario. Puede ocultar cheque contenido de la caja después de un usuario comprueba una caja, por lo que los usuarios pueden controlar el diseño de la página Web. Por ejemplo, si un usuario elige para ocultar el contenido en su interfaz personalizada, la función de JavaScript oculta el contenido de la vista del usuario. Sin embargo, el contenido está disponible en el código HTML.

Instrucciones

1 Haga clic en el archivo HTML que desea editar y seleccione "Abrir con". Haga doble clic en el editor de JavaScript o HTML que desea utilizar para editar el código de página.

2 Escriba los siguientes etiquetas script en el código HTML:

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

Colocar todo el código JavaScript dentro de estas etiquetas, incluyendo el código para ocultar la casilla de verificación.

3 Cree la función de ocultar la casilla de verificación. escribiendo el siguiente código:

función hideCheckBox (casilla) {

si (checkbox.checked) {

checkbox.style.visibility = "oculto";

}

}

4 Escriba el siguiente código para llamar la nueva función en la casilla de verificación:

Onclick = "javascript: hideCheckBox (esto)"

Este código le dice a la casilla de verificación para llamar a la función de ocultar el elemento de formulario cuando se hace clic.