Hvordan skjule TextBox i Javascript

August 7

Når du har radioknapper på en HTML-side, du noen ganger kan det være lurt å skjule tekstbokser i forbindelse med disse knappene. For eksempel, hvis du har en undersøkelse spørsmål på HTML-siden og respondenten svarer på en måte som ville utelukke ham fra å måtte forklare sitt svar i en tekstboks, kan du skjule tekstboksen når radioen knappen klikkes.

Bruksanvisning

1 Logg inn på din webserver.

2 Åpne HTML-siden der du vil skjule en tekstboks.

3 Klikk i <head> delen av siden og sette inn denne koden:

funksjon toggleTrue (valgt) {

if (valgt == 'True') {

document.myform.other.style.visibility = 'synlig';

} Else {

document.myform.other.style.visibility = "skjulte";

document.myform.other.value = '';

}

4 Klikk i <body> -delen av siden din.

5 Sett inn denne koden:

<Velg name = "verdier" size = "1"

onChange = "toggleTrue (document.myform.values.options [document.myform.values.selectedIndex] .Value);">

<Option value = "alder"> False </ option>

</ Velge>

6 Erstatt "Ekte" og "False" med alternativene du vil skal vises ved siden av radioknappene.

7 Erstatt "toggleTrue" med teksten for knappen som vil skjule tekstboksen når du klikker. For eksempel, hvis alternativknappen alternativet var "Always", så dette burde si "toggleAlways." Husk å endre denne koden i både <body> og <head> taggene.

8 Publiser siden.