-
Cómo ocultar el cuadro de texto en JavaScript
-
Cuando se tiene botones de radio en una página HTML, que a veces es posible que desee ocultar los cuadros de texto asociados con estos botones. Por ejemplo, si usted tiene una pregunta de la encuesta en su página HTML y las respuestas que respondieron de una manera que le impediría de tener que explicar su respuesta en un cuadro de texto, puede ocultar el cuadro de texto cuando se hace clic en el botón de radio.
Instrucciones
1 Ingrese a su servidor Web.
2 Abra la página HTML en la que se desea ocultar un cuadro de texto.
3 Haga clic en la sección <head> de la página e insertar este código:
función toggleTrue (elegido) {
si (== elegido 'True') {
document.myform.other.style.visibility = "visible";
} Else {
document.myform.other.style.visibility = 'oculta';
document.myform.other.value = '';
}
}
4 Haga clic en la sección <body> de su página.
5 Introduzca este código:
<Select name = tamaño de los "valores" = "1"
onChange = "toggleTrue (document.myform.values.options [document.myform.values.selectedIndex] .value);">
<Option value = "" selected = "selected"> </ option>
<Option value = "nombre"> True </ option>
<Option value = "edad"> false </ option>
</ Select>
<Input type = "text" name = "otro" value = "" size = "25" maxlength = "40" style = "visibility: hidden" />
6 Reemplazar "verdadero" y "falso" con las opciones que desee que aparezca junto a los botones de radio.
7 Reemplazar "toggleTrue" con el texto para el botón de selección que se oculta el cuadro de texto al hacer clic. Por ejemplo, si la opción de botón de radio eran "Siempre", entonces esto debe decir "toggleAlways." Recuerde cambiar el código, tanto en el <body> y <head> etiquetas.
8 Publicar la página.
