Tecnología

Inicio

Cómo deshabilitar un Java Script Casilla

Cómo deshabilitar un Java Script Casilla


Una casilla de verificación es uno de los varios tipos de controles con los que los visitantes de una página web puede enviar información a un servidor. los desarrolladores de páginas web utilizan JavaScript, un lenguaje de programación que se ejecuta en los navegadores, para desactivar o activar estos controles para evitar la entrada de usuario. Al impedir que un usuario colocando una marca en una casilla de verificación, los desarrolladores pueden evitar que la página web desde el envío de la información irrelevante para el servidor para su procesamiento. Por ejemplo, un usuario que indica que no tiene perros pueden ser motivo para desactivar una casilla de verificación con una etiqueta que dice: "Sí, por favor me envía mensajes de correo electrónico a los vendedores de comida para perros."

Instrucciones

1 Crear un nuevo documento en cualquier procesador de texto (por ejemplo, Wordpad), y pegar esta página web básica en ella:

<Html>
<Head>
<Title> Matrimonio información Formulario </ title>
</ Head>
<Body>

</ Body>
</ Html>

Vamos a añadir un formulario con una casilla de verificación a esta página ejemplo, y desactiva la casilla de verificación.

2 Escriba los siguientes códigos HTML después del documento "<body>" tag:

<FORM ACTION = "http://www.MySite.com/formProcessingScript.php&quot;>
<INPUT TYPE = CHECKBOX NAME = "mstatus" onclick = "updateSubscribeBox (this.form)"> Sí, estoy casado. <P>
<br>
<INPUT TYPE = CHECKBOX NAME = "subscribe"> Me Suscríbete al boletín "civil dicha". <P>
<P> <INPUT TYPE = SUBMIT VALUE = "submit">
</ FORM>

Estos códigos HTML crear un formulario con dos casillas de verificación, el segundo de los cuales se le deshabilita en función del estado comprobados y / o sin control de la primera casilla de verificación. La etiqueta "<form>" en sí no muestra nada visible en la página, pero proporciona el código JavaScript con un medio para manipular fácilmente las casillas de verificación. Las "> <input" etiquetas muestran las casillas de verificación y especifican, a través del atributo "onclick", la función de JavaScript que se ejecutará cuando la primera casilla de verificación está activada.

3 Escriba el siguiente código de JavaScript después de la etiqueta "<head>" en su documento:

<Script type = "text / javascript">
<! -
función updateSubscribeBox (formUsuario)
{
si (userForm.mstatus.checked)
{
// Activar la suscripción cbox
userForm.subscribe.disabled = false;
userForm.subscribe.checked = true;
regreso;
}
// Desactivar el cbox suscribirse
userForm.subscribe.checked = false;
userForm.subscribe.disabled = true;
}
// ->
</ Script>

La cláusula "si" comprueba el estado de la primera casilla de verificación (es decir, "Sí, estoy casado"). Si la propiedad "marcada" Es cierto, el programa impulsa y controla la segunda casilla de verificación ( "me Suscribirse al" Estado civil dicha "noticias".) Si la primera casilla de verificación no está marcada, el flujo del programa recae en los dos inferiores líneas de JavaScript, que quita la marca y desactivar la casilla de verificación de suscripción.

4 Guarde el documento con cualquier nombre de archivo que termina con ".htm", y con un tipo de archivo de "texto sin formato", que es las páginas web de tipo de contenido está hecha con.

5 Abra el Explorador de Windows, vaya al documento que guardó en el paso anterior y, haga doble clic en el documento para abrirlo en un navegador. Marcar y desmarcar la casilla de verificación "Sí, estoy casado" para probarlo. Su programa de JavaScript será activar y desactivar la casilla de verificación de suscripción basado en su acción.