Slik deaktiverer en Java Script Checkbox
En sjekk boksen er en av flere typer kontroller som en web-sidens besøkende kan sende informasjon til en server. Websideutviklere bruker Javascript, et programmeringsspråk som kjører i nettlesere, for å deaktivere eller aktivere disse kontrollene for å hindre brukeroppføring. Ved å hindre en bruker fra å plassere en sjekk i en avkrysningsboks, kan utviklere hindre nettsiden fra å sende irrelevant informasjon til serveren for behandling. For eksempel, en bruker som indikerer at hun ikke har noen hunder kan føre til å deaktivere en sjekk boks med en etikett som leser, "Ja, send meg e-post fra leverandørene av hundemat."
Bruksanvisning
1 Opprett et nytt dokument i et tekstbehandlingsprogram (for eksempel Wordpad), og lim denne grunnleggende nettside til det:
<Html>
<Head>
<Title> Ekteskap informasjon Form </ title>
</ Head>
<Body>
</ Body>
</ Html>
Du vil legge til et skjema med en avkrysningsboks for å dette eksempelet siden, og merket i avmerkingsboksen.
2 Skriv inn følgende HTML-koder etter at dokumentet er "<body>" tag:
<Form action = "http://www.MySite.com/formProcessingScript.php">
<INPUT TYPE = CHECKBOX NAME = "mstatus" onclick = "updateSubscribeBox (this.form)"> Ja, jeg er gift. <P>
<br>
<INPUT TYPE = CHECKBOX NAME = "abonnere"> Abonner meg til "Sivil Bliss" nyhetsbrev. <P>
<P> <INPUT TYPE = Send value = "submit">
</ FORM>
Disse HTML koder lage et skjema med to avmerkingsbokser, den andre som du vil deaktivere basert på kontrollert / ukontrollert status for den første boksen. Den "<Form>" tag selv viser ingenting synlig på siden, men gir Javascript-koden med et middel for enkelt å manipulere boksene. De "<input>" koder vises i boksene og spesifisere, gjennom "onClick" attributt, Javascript-funksjonen som vil kjøre når den første er merket.
3 Skriv inn følgende Javascript-kode etter "<head>" tag i dokumentet:
<Script type = "text / javascript">
<! -
funksjon updateSubscribeBox (Userform)
{
if (userForm.mstatus.checked)
{
// Aktivere abonnere cbox
userForm.subscribe.disabled = false;
userForm.subscribe.checked = true;
komme tilbake;
}
// Deaktivere abonnere cbox
userForm.subscribe.checked = false;
userForm.subscribe.disabled = true;
}
// ->
</ SCRIPT>
"Hvis" klausul sjekker den første boksen er (dvs. "Ja, jeg er gift") status. Hvis "merket" eiendom er sant, programmet både muliggjør og sjekker andre boksen ( "Abonner meg til" Sivil Bliss "nyhetsbrev".) Hvis den første boksen ikke er avmerket, faller programflyten til de to nederste Javascript linjer, som fjerner haken og deaktivere abonnement boksen.
4 Lagre dokumentet med alle filnavn som slutter med ".htm", og med en fil type "Ren tekst", som er innholdstypen nettsidene er laget med.
5 Åpne Windows Utforsker, naviger til dokumentet du lagret i forrige trinn, og dobbeltklikk på dokumentet for å åpne den i en nettleser. Sjekk og fjern "Ja, jeg er gift" boksen for å teste den. Javascript programmet vil aktivere og deaktivere abonnement boksen basert på handlingen.