Ovaj članak ilustrira svrhu, rad i upotrebu svojstva 'onemogućenog' polja za potvrdu unosa HTML DOM-a u JavaScriptu.
Kako svojstvo potvrdnog okvira za unos HTML DOM-a 'onemogućeno' funkcionira u JavaScriptu?
Potvrdni okvir za unos ' onemogućeno ” svojstvo ovisi o atributu “checkbox”. Radi na HTML obrascima i poljima za unos kako bi onemogućio ili poništio dane potvrdne okvire.
Sintaksa (Postavite onemogućeno svojstvo)
checkboxObject. onemogućeno = pravi | lažnoPrema definiranoj sintaksi povrata, svojstvo 'onemogućeno' podržava dva parametra koji su navedeni kako slijedi:
- pravi: To znači da je odgovarajući potvrdni okvir onemogućen.
- false (zadana vrijednost): To je izborna vrijednost koja označava da pridruženi potvrdni okvir nije onemogućen.
Povrat (Vratite onemogućenu imovinu)
checkboxObject. onemogućenoU gornjoj sintaksi, ' checkboxObject ” odgovara HTML-u “ potvrdni okvir ” element.
Upotrijebimo gore definirane sintakse u primjerima u nastavku kako bismo razumjeli praktičnu implementaciju svojstva 'onemogućeno'.
Primjer 1: Primjena svojstva 'onemogućeno' polja za potvrdu unosa Korištenje osnovne sintakse
U prvom primjeru, 'potvrdni okvir' je dodan da ga onemogući korištenjem definirane generalizirane sintakse.
HTML kôd
Najprije analizirajte dati HTML kod:
< stil tijela = 'text-align: center' >
< h2 > HTML DOM unos Potvrdni okvir onemogućeno Svojstvo u JavaScriptu h2 >
Potvrdni okvir : < vrsta unosa = 'potvrdni okvir' iskaznica = 'demo' > Obrazac je predan < br >< br >
< str > Navedeni potvrdni okvir je onemogućen str >
U gornjim linijama koda:
- '
” označava odjeljak tijela koji je poravnat s centar ' uz pomoć ' stil ” atribut. - ' ” definira podnaslov razine 2.
- '
” stvara „potvrdni okvir” određivanjem vrste unosa „ potvrdni okvir 'imati dodijeljeni ID' demo ”. - ' ” dodaje element odlomka za prikaz rezultirajućeg ishoda.
JavaScript kod
Zatim pogledajte JavaScript kôd:
< skripta >dokument. getElementById ( 'demo' ) . onemogućeno = pravi ;
skripta >
U gornjem isječku koda, ' document.getElementById() ” primjenjuje se metoda za dohvaćanje potvrdnog okvira koristeći njegov ID „demo”, a vrijednost svojstva „onemogućeno” postavljena je na „ pravi ” koji onemogućuje potvrdni okvir.
Izlaz
Gornji izlaz potvrđuje da je dani potvrdni okvir onemogućen zbog ' onemogućeno ” svojstvo postavljeno na “ pravi ”.
Primjer 2: Vraćanje vrijednosti svojstva 'onemogućenog' okvira za unos
Ovaj primjer primjenjuje svojstvo 'onemogućeno' da vrati status ciljanog potvrdnog okvira kao Booleovu vrijednost (true/false).
HTML kôd
Razmotrite sljedeći HTML kod:
< stil tijela = 'text-align: center' >< h2 > HTML DOM unos Potvrdni okvir onemogućeno Svojstvo u JavaScriptu h2 >
Potvrdni okvir : < vrsta unosa = 'potvrdni okvir' onemogućeno = pravi iskaznica = 'demo' > Obrazac je predan < br >< br >
< p id = 'uzorak' > str >
U gornjem bloku koda:
- Potvrdni okvir je dodijeljen i status ' onemogućeno ” svojstvo je postavljeno na “ pravi ”.
- Nakon toga prazan ' ” dodan je element s dodijeljenim ID-om „uzorak” za dodavanje izlaza.
JavaScript kod
Sada prijeđite na JavaScript kôd:
< skripta >tamo je = dokument. getElementById ( 'demo' ) . onemogućeno ;
dokument. getElementById ( 'uzorak' ) . unutarnjiHTML = a ;
skripta >
U gornjem kodu:
- Varijabla ' a ' koristi ' document.getElementById() ' za pristup potvrdnom okviru koristeći njegov ID 'demo' i pridruživanje ' onemogućeno ” za provjeru je li dohvaćeni potvrdni okvir onemogućen ili ne.
- Ponovno primijenjena metoda “document.getElementById()” dohvaća uključeni prazan odlomak i prikazuje status svojstva “onemogućeno” kao odlomak.
Izlaz
Kao što je analizirano, ishod vraća status dodijeljenog 'potvrdnog okvira', tj. ' pravi ”.
Primjer 3: Onemogućite i poništite onemogućavanje potvrdnog okvira pomoću svojstva 'onemogućeno' potvrdnog okvira unosa
Osim postavljanja i vraćanja statusa potvrdnog okvira, svojstvo 'onemogućeno' također omogućuje korisnicima da onemoguće i ponište potvrdni okvir u isto vrijeme. Pogledajmo to praktično.
HTML kôd
Pregledajmo napisani HTML kod:
< stil tijela = 'text-align: center' >< h2 > HTML DOM unos Potvrdni okvir onemogućeno Svojstvo u JavaScriptu h2 >
Potvrdni okvir : < vrsta unosa = 'potvrdni okvir' iskaznica = 'demo' > Obrazac je predan ulazni >< br >< br >
< gumb na klik = 'checkDisable()' > Isključite potvrdni okvir dugme >
< gumb na klik = 'checkUndisable()' > Isključite potvrdni okvir dugme >
U gornjem bloku koda:
- Isto tako, uključite potvrdni okvir i dodajte gumb koji ima ' na klik ' događaj koji izvršava ' provjeriIsključi() ” nakon klika na gumb.
- Nakon toga dodaje se drugi gumb koji također koristi rukovatelj događajima “onclick” za izvršavanje “ provjeriUndiable() ” kada gumb klikne.
JavaScript kod
Zatim prođite kroz dolje navedeni kod:
< skripta >provjera funkcije Onemogući ( ) {
dokument. getElementById ( 'demo' ) . onemogućeno = pravi ;
}
provjera funkcijeUndiable ( ) {
dokument. getElementById ( 'demo' ) . onemogućeno = lažno ;
}
skripta >
U gornjim linijama koda:
- Definirajte funkciju pod nazivom ' provjeriIsključi() ' koji primjenjuje ' document.getElementById() ” za pristup potvrdnom okviru putem njegovog ID-a „demo” i postavljanje njegove vrijednosti na „true”.
- Druga funkcija “ provjeriUndiable() ” ponovno primjenjuje metodu “document.getElementById()” za ponovni pristup potvrdnom okviru i postavljanje njegove vrijednosti na “false” ako korisnik klikne uključeni drugi gumb pod nazivom “Poništi potvrdni okvir”.
Izlaz
Izlaz 'onemogućuje' dani potvrdni okvir kada korisnik klikne na prvi gumb i 'isključuje' ga ako korisnik klikne na drugi gumb u skladu s tim.
Zaključak
U JavaScriptu, potvrdni okvir za unos HTML DOM ' onemogućeno ” Svojstvo pomaže korisnicima da postave i vrate označeni status “potvrdnog okvira”. Definira generaliziranu sintaksu za procese 'postavljanje' i 'povratak'. Njegova skupna sintaksa radi na dvije vrijednosti ' pravi ' i ' lažno ”. S druge strane, njegova povratna sintaksa ne zahtijeva nikakav parametar. Ovaj je članak demonstrirao cilj, radnu i praktičnu implementaciju svojstva 'onemogućenog' polja za potvrdu unosa HTML DOM-a u JavaScriptu.