See artikkel illustreerib JavaScripti HTML DOM-i sisendi märkeruudu 'keelatud' eesmärki, tööd ja kasutamist.
Kuidas HTML-i DOM-i sisendi märkeruut „keelatud” atribuut JavaScriptis töötab?
Sisestamise märkeruut ' puudega ” atribuut sõltub atribuudist „checkbox”. See töötab HTML-i vormidel ja sisestusväljadel, et keelata ja tühistada antud märkeruudud.
Süntaks (keelatud atribuudi määramine)
märkeruutObject. puudega = tõsi | valeVastavalt määratletud tagastussüntaksile toetab atribuut 'keelatud' kahte parameetrit, mis on loetletud järgmiselt.
- tõsi: See näitab, et vastav märkeruut on keelatud.
- false (vaikeväärtus): See on valikuline väärtus, mis näitab, et seotud märkeruut pole keelatud.
Tagasta (tagasta keelatud vara)
märkeruutObject. puudegaÜlaltoodud süntaksis on ' märkeruutObject ' vastab HTML-ile ' märkeruut ” element.
Kasutame allolevates näidetes ülaltoodud süntaksi, et mõista atribuudi „keelatud” praktilist rakendamist.
Näide 1: sisendi märkeruudu „keelatud” atribuudi rakendamine Põhisüntaksi kasutamine
Esimeses näites lisatakse selle keelamiseks märkeruut määratletud üldistatud süntaksi abil.
HTML-kood
Esiteks analüüsige antud HTML-koodi:
< keha stiil = 'teksti joondamine: keskel' >
< h2 > HTML DOM-i sisend Märkeruut atribuut JavaScriptis keelatud h2 >
Märkeruut : < sisendi tüüp = 'märkeruut' id = 'demo' > Vorm on esitatud < br >< br >
< lk > Antud märkeruut on keelatud lk >
Ülaltoodud koodiridades:
- '
märgend määrab kehaosa, mis on joondatud Keskus ' abiga ' stiilis ” atribuut. - ' ” silt määratleb 2. taseme alampealkirja.
- '
märgend loob märkeruudu, määrates sisestustüübi märkeruut 'millele on määratud ID' demo ”. - ' ” lisab tulemuse kuvamiseks lõigu elemendi.
JavaScripti kood
Järgmisena vaadake JavaScripti koodi:
< stsenaarium >dokument. getElementById ( 'demo' ) . puudega = tõsi ;
stsenaarium >
Ülaltoodud koodilõigul on „ document.getElementById() meetodit rakendatakse märkeruudu toomiseks, kasutades selle ID-d 'demo' ja atribuudi 'disabled' väärtuseks määratakse ' tõsi ', mis keelab märkeruudu.
Väljund
Ülaltoodud väljund kinnitab, et antud märkeruut on keelatud, kuna ' puudega ' atribuut on seatud väärtusele ' tõsi ”.
Näide 2: sisendi märkeruudu 'keelatud' atribuudi väärtuse tagastamine
See näide rakendab atribuuti „keelatud”, et tagastada sihitud märkeruudu olek tõeväärtusena (tõene/väär).
HTML-kood
Mõelge järgmisele HTML-koodile:
< keha stiil = 'teksti joondamine: keskel' >< h2 > HTML DOM-i sisend Märkeruut atribuut JavaScriptis keelatud h2 >
Märkeruut : < sisendi tüüp = 'märkeruut' puudega = tõsi id = 'demo' > Vorm on esitatud < br >< br >
< p id = 'näidis' > lk >
Ülaltoodud koodiplokis:
- Märkeruut on määratud ja oleku ' puudega ' atribuut on seatud väärtusele ' tõsi ”.
- Pärast seda tühi ' ” element lisatakse väljundi lisamiseks määratud ID-ga „näidis”.
JavaScripti kood
Nüüd liikuge edasi JavaScripti koodi juurde:
< stsenaarium >Siin on = dokument. getElementById ( 'demo' ) . puudega ;
dokument. getElementById ( 'näidis' ) . sisemine HTML = a ;
stsenaarium >
Ülaltoodud koodis:
- Muutuja ' a ' kasutab ' document.getElementById() ' meetodit, et pääseda juurde märkeruudule, kasutades selle ID-d 'demo' ja seostada ' puudega ” atribuuti, et kontrollida, kas toodud märkeruut on keelatud või mitte.
- Taas rakendatud meetod „document.getElementById()“ toob kaasatud tühja lõigu ja kuvab atribuudi „disabled” oleku lõiguna.
Väljund
Nagu analüüsitud, tagastab tulemus 'märkeruudu' määratud oleku, st ' tõsi ”.
Näide 3: märkeruudu keelamine ja keelamine sisendi märkeruudu abil atribuut 'keelatud'
Lisaks märkeruudu oleku määramisele ja tagastamisele võimaldab atribuut 'keelatud' kasutajatel ka märkeruutu korraga keelata ja keelata. Vaatame seda praktiliselt.
HTML-kood
Vaatame kirjutatud HTML-koodi üle:
< keha stiil = 'teksti joondamine: keskel' >< h2 > HTML DOM-i sisend Märkeruut atribuut JavaScriptis keelatud h2 >
Märkeruut : < sisendi tüüp = 'märkeruut' id = 'demo' > Vorm on esitatud sisend >< br >< br >
< nupp onclick = 'check Disable()' > Keela märkeruut nuppu >
< nupp onclick = 'checkUndisable()' > Keela märkeruut nuppu >
Ülaltoodud koodiplokis:
- Samuti lisage märkeruut ja lisage nupp, millel on ' onclick sündmus, mis käivitab check Disable() ” funktsiooni nupu klõpsamisel.
- Pärast seda lisatakse teine nupp, mis kasutab ka 'onclick' sündmuste töötlejat ' checkUndisable() ” funktsiooni, kui nupp klõpsab.
JavaScripti kood
Järgmisena minge läbi alltoodud koodi:
< stsenaarium >funktsiooni kontroll Keela ( ) {
dokument. getElementById ( 'demo' ) . puudega = tõsi ;
}
funktsiooni kontrollTühista ( ) {
dokument. getElementById ( 'demo' ) . puudega = vale ;
}
stsenaarium >
Ülaltoodud koodiridades:
- Määrake funktsioon nimega ' check Disable() ', mis rakendab ' document.getElementById() ” meetod, et läheneda märkeruudule selle ID 'demo' kaudu ja määrata selle väärtuseks 'true'.
- Teine funktsioon ' checkUndisable() funktsioon rakendab uuesti meetodit 'document.getElementById()', et pääseda uuesti märkeruudule ja määrata selle väärtuseks 'false', kui kasutaja klõpsab kaasasoleval teisel nupul nimega 'Tühista märkeruut'.
Väljund
Väljund 'keelab' antud märkeruudu, kui kasutaja klõpsab esimesel nupul ja 'deaktiveerib', kui kasutaja klõpsab vastavalt teisele nupule.
Järeldus
JavaScriptis on HTML DOM-i sisendi märkeruut ' puudega ” atribuut aitab kasutajatel määrata ja tagastada märkeruudu kontrollitud olek. See määratleb üldistatud süntaksid nii komplekti kui ka tagastamise protsesside jaoks. Selle määratud süntaks töötab kahe väärtusega ' tõsi ” ja „ vale ”. Teisest küljest ei nõua selle tagastamise süntaks ühtegi parameetrit. See artikkel demonstreeris JavaScripti HTML DOM-i sisendi märkeruudu 'keelatud' eesmärki, toimimist ja praktilist rakendamist.