Tento článok ilustruje účel, fungovanie a použitie vlastnosti „zakázané“ začiarkavacie políčko vstupu HTML DOM v jazyku JavaScript.
Ako funguje začiarkavacie políčko vstupu HTML DOM „zakázané“ v JavaScripte?
Začiarkavacie políčko „ zdravotne postihnutých ” závisí od atribútu “checkbox”. Funguje na formulároch HTML a vstupných poliach na zakázanie a odblokovanie daných začiarkavacích políčok.
Syntax (Nastaviť zakázanú vlastnosť)
checkboxObject. zdravotne postihnutých = pravda | falošnýPodľa definovanej návratovej syntaxe vlastnosť „disabled“ podporuje dva parametre, ktoré sú uvedené takto:
- pravda: Znamená to, že príslušné začiarkavacie políčko je vypnuté.
- false (predvolená hodnota): Je to voliteľná hodnota, ktorá označuje, že príslušné začiarkavacie políčko nie je zakázané.
Vrátiť (vrátiť deaktivované vlastníctvo)
checkboxObject. zdravotne postihnutýchVo vyššie uvedenej syntaxi je „ checkboxObject “ zodpovedá HTML “ začiarkavacie políčko ' element.
Využime vyššie definované syntaxe v nižšie uvedených príkladoch, aby sme pochopili praktickú implementáciu vlastnosti „disabled“.
Príklad 1: Použitie začiarkavacieho políčka vstupu vlastnosti „zakázané“. Použitie základnej syntaxe
V prvom príklade je pridané „začiarkavacie políčko“, ktoré ho deaktivuje pomocou definovanej zovšeobecnenej syntaxe.
HTML kód
Najprv analyzujte daný HTML kód:
< štýl tela = 'zarovnanie textu: na stred' >
< h2 > HTML Vstup DOM začiarkavacie políčko zakázaná vlastnosť v JavaScripte h2 >
začiarkavacie políčko : < typ vstupu = 'zaškrtávacie políčko' id = 'demo' > Formulár odoslaný < br < br >
< p > Dané začiarkavacie políčko je zakázané p >
Vo vyššie uvedených riadkoch kódu:
- ' značka “určuje časť tela, ktorá je zarovnaná s “ stred “ s pomocou „ štýl “.
- ' Značka ” definuje podnadpis úrovne 2.
- '
Značka “vytvorí začiarkavacie políčko” zadaním typu vstupu “ začiarkavacie políčko “mať pridelené ID” demo “. - ' Značka ” pridá prvok odseku na zobrazenie výsledného výsledku.
JavaScript kód
Ďalej sa pozrite na kód JavaScript:
< skript >dokument. getElementById ( 'demo' ) . zdravotne postihnutých = pravda ;
skript >
Vo vyššie uvedenom útržku kódu je „ document.getElementById() “ sa použije metóda na načítanie začiarkavacieho políčka pomocou jeho ID „demo“ a hodnota vlastnosti „disabled“ je nastavená na „ pravda “, čím sa začiarkavacie políčko deaktivuje.
Výkon
Vyššie uvedený výstup potvrdzuje, že dané začiarkavacie políčko je zakázané z dôvodu „ zdravotne postihnutých “vlastnosť nastavená na “ pravda “.
Príklad 2: Vrátenie hodnoty vlastnosti zaškrtávacieho políčka „zakázané“.
V tomto príklade sa použije vlastnosť „disabled“ na vrátenie stavu cieľového začiarkavacieho políčka ako boolovská hodnota (true/false).
HTML kód
Zvážte nasledujúci HTML kód:
< štýl tela = 'zarovnanie textu: na stred' >< h2 > HTML Vstup DOM začiarkavacie políčko zakázaná vlastnosť v JavaScripte h2 >
začiarkavacie políčko : < typ vstupu = 'zaškrtávacie políčko' zdravotne postihnutých = pravda id = 'demo' > Formulár odoslaný < br < br >
< p id = 'vzorka' > p >
Vo vyššie uvedenom bloku kódu:
- Začiarkavacie políčko je priradené a stav „ zdravotne postihnutých “vlastnosť je nastavená na “ pravda “.
- Potom sa zobrazí prázdny „ ” sa pridá s priradeným id “vzorka” na pripojenie výstupu.
JavaScript kód
Teraz prejdite na kód JavaScript:
< skript >existuje a = dokument. getElementById ( 'demo' ) . zdravotne postihnutých ;
dokument. getElementById ( 'vzorka' ) . innerHTML = a ;
skript >
Vo vyššie uvedenom kóde:
- Premenná ' a “ využíva „ document.getElementById() “ na prístup k začiarkavaciemu políčku pomocou jeho ID „demo“ a priradenie „ zdravotne postihnutých ” na kontrolu, či je začiarkavacie políčko načítané vypnuté alebo nie.
- Opätovne použitá metóda „document.getElementById()“ načíta zahrnutý prázdny odsek a zobrazí stav vlastnosti „disabled“ ako odsek.
Výkon
Podľa analýzy výsledok vráti pridelený stav „začiarkavacieho políčka“, tj „ pravda “.
Príklad 3: Vypnite a zrušte zakázanie začiarkavacieho políčka pomocou začiarkavacieho políčka vstupu Vlastnosť „vypnuté“.
Okrem nastavenia a vrátenia stavu začiarkavacieho políčka vlastnosť „zakázané“ tiež umožňuje používateľom súčasne zakázať a zrušiť začiarknutie. Pozrime sa na to prakticky.
HTML kód
Pozrime sa na napísaný HTML kód:
< štýl tela = 'zarovnanie textu: na stred' >< h2 > HTML Vstup DOM začiarkavacie políčko zakázaná vlastnosť v JavaScripte h2 >
začiarkavacie políčko : < typ vstupu = 'zaškrtávacie políčko' id = 'demo' > Formulár odoslaný vstup < br < br >
< tlačidlo onclick = 'checkDisable()' > Začiarknite políčko tlačidlo >
< tlačidlo onclick = 'checkUndisable()' > Začiarknite políčko tlačidlo >
Vo vyššie uvedenom bloku kódu:
- Podobne začiarknite políčko a pridajte tlačidlo s „ po kliknutí 'udalosť, ktorá vykoná ' checkDisable() “ po kliknutí na tlačidlo.
- Potom sa pridá druhé tlačidlo, ktoré tiež používa obsluhu udalosti „onclick“ na vykonanie „ checkUndisable() ” po kliknutí na tlačidlo.
JavaScript kód
Ďalej prejdite nižšie uvedeným kódom:
< skript >kontrola funkcie Zakázať ( ) {
dokument. getElementById ( 'demo' ) . zdravotne postihnutých = pravda ;
}
kontrola funkcieNezakázaná ( ) {
dokument. getElementById ( 'demo' ) . zdravotne postihnutých = falošný ;
}
skript >
Vo vyššie uvedených riadkoch kódu:
- Definujte funkciu s názvom „ checkDisable() “, ktorý platí „ document.getElementById() “, aby ste sa dostali k začiarkavaciemu políčku prostredníctvom jeho ID „demo“ a nastavili jeho hodnotu na „true“.
- Druhá funkcia ' checkUndisable() ” opäť použije metódu “document.getElementById()” na opätovný prístup k checkboxu a nastaví jeho hodnotu na “false”, ak používateľ klikne na zahrnuté druhé tlačidlo s názvom “Zrušiť začiarknutie”.
Výkon
Výstup „zakáže“ dané zaškrtávacie políčko, keď používateľ klikne na prvé tlačidlo a „zruší“ ho, ak používateľ klikne na druhé tlačidlo zodpovedajúcim spôsobom.
Záver
V JavaScripte je začiarkavacie políčko HTML DOM Input “ zdravotne postihnutých vlastnosť pomáha používateľom nastaviť a vrátiť začiarknutý stav začiarkavacieho políčka. Definuje zovšeobecnené syntaxe pre procesy „set“ a „return“. Jeho nastavená syntax funguje na dvoch hodnotách “ pravda “ a „ falošný “. Na druhej strane jeho návratová syntax nevyžaduje žiadny parameter. Tento článok demonštroval cieľ, funkčnú a praktickú implementáciu vlastnosti HTML DOM Input Checkbox „disabled“ v JavaScripte.