Šis straipsnis iliustruoja „JavaScript“ HTML DOM įvesties žymės langelio „išjungta“ paskirtį, veikimą ir naudojimą.
Kaip „JavaScript“ veikia HTML DOM įvesties žymimasis laukelis „išjungta“ nuosavybė?
Įvesties žymės langelis ' neįgalus ypatybė priklauso nuo atributo 'checkbox'. Jis veikia HTML formose ir įvesties laukuose, kad išjungtų ir atšauktų nurodytus žymimuosius laukelius.
Sintaksė (nustatykite išjungtą ypatybę)
žymės langelisObject. neįgalus = tiesa | klaidingaPagal apibrėžtą grąžinimo sintaksę ypatybė „išjungta“ palaiko du parametrus, kurie išvardyti taip:
- tiesa: Tai reiškia, kad atitinkamas žymimasis laukelis išjungtas.
- false (numatytoji vertė): Tai neprivaloma reikšmė, nurodanti, kad susijęs žymimasis laukelis nėra išjungtas.
Grąžinti (grąžinti neįgalų turtą)
žymės langelisObject. neįgalusAukščiau pateiktoje sintaksėje „ žymės langelisObject “ atitinka HTML “ žymimasis langelis “ elementas.
Panaudokime aukščiau pateiktas sintakses toliau pateiktuose pavyzdžiuose, kad suprastume, kaip praktiškai įgyvendinti ypatybę „išjungta“.
1 pavyzdys: Įvesties žymės langelio „išjungta“ ypatybės taikymas Naudojant pagrindinę sintaksę
Pirmajame pavyzdyje „žymės langelis“ pridedamas, kad jį išjungtumėte, naudojant apibrėžtą apibendrintą sintaksę.
HTML kodas
Pirmiausia išanalizuokite pateiktą HTML kodą:
< kūno stilius = 'text-align: centre' >
< h2 > HTML DOM įvestis Žymimasis langelis išjungta nuosavybė „JavaScript“. h2 >
Žymimasis langelis : < įvesties tipas = 'žymimasis langelis' id = 'demo' > Forma pateikta < br >< br >
< p > Nurodytas žymimasis laukelis išjungtas p >
Aukščiau pateiktose kodo eilutėse:
- „
“ žyma nurodo kūno dalį, kuri yra sulygiuota su “ centras “, naudojant “ stilius “ atributas. - „ “ žyma apibrėžia 2 lygio paantraštę.
- „ <įvestis> ' žyma sukuria 'žymimąjį laukelį', nurodydama įvesties tipą ' žymimasis langelis 'turintis priskirtą ID' demo “.
- „ “ žyma prideda pastraipos elementą, kad būtų rodomas gautas rezultatas.
JavaScript kodas
Tada pažiūrėkite į „JavaScript“ kodą:
< scenarijus >dokumentas. getElementById ( 'demo' ) . neįgalus = tiesa ;
scenarijus >
Aukščiau pateiktame kodo fragmente „ document.getElementById() “ metodas taikomas norint gauti žymimąjį laukelį naudojant jo ID „demo“, o nuosavybės „disabled“ vertė nustatyta į „ tiesa “, kuris išjungia žymimąjį laukelį.
Išvestis
Aukščiau pateikta išvestis patvirtina, kad nurodytas žymės langelis išjungtas dėl „ neįgalus ' ypatybė nustatyta į ' tiesa “.
2 pavyzdys: Įvesties žymės langelio „išjungta“ nuosavybės reikšmės grąžinimas
Šiame pavyzdyje taikoma ypatybė „išjungta“, kad būtų grąžinta tikslinio žymimojo laukelio būsena kaip loginė reikšmė (teisinga / klaidinga).
HTML kodas
Apsvarstykite šį HTML kodą:
< kūno stilius = 'text-align: centre' >< h2 > HTML DOM įvestis Žymimasis langelis išjungta nuosavybė „JavaScript“. h2 >
Žymimasis langelis : < įvesties tipas = 'žymimasis langelis' neįgalus = tiesa id = 'demo' > Forma pateikta < br >< br >
< p id = 'pavyzdys' > p >
Aukščiau esančiame kodo bloke:
- Žymimasis laukelis yra priskirtas ir būsena „ neįgalus 'ypatybė nustatyta į ' tiesa “.
- Po to tuščia „ “ elementas pridedamas su priskirtu ID „pavyzdžiu“, kad būtų pridėta išvestis.
JavaScript kodas
Dabar pereikite prie „JavaScript“ kodo:
< scenarijus >čia yra = dokumentas. getElementById ( 'demo' ) . neįgalus ;
dokumentas. getElementById ( 'pavyzdys' ) . vidinis HTML = a ;
scenarijus >
Aukščiau pateiktame kode:
- Kintamasis ' a “ naudoja “ document.getElementById() “ metodą norėdami pasiekti žymimąjį laukelį naudodami jo ID „demo“ ir susieti „ neįgalus “ ypatybę, kad patikrintumėte, ar gautas žymimasis laukelis išjungtas, ar ne.
- Taikytas metodas „document.getElementById()“ vėl paima įtrauktą tuščią pastraipą ir parodo „išjungtos“ nuosavybės būseną kaip pastraipą.
Išvestis
Kaip išanalizuota, rezultatas grąžina „žymės langelio“ priskirtą būseną, t. y. „ tiesa “.
3 pavyzdys: Išjunkite ir panaikinkite žymimąjį laukelį naudodami įvesties žymimąjį laukelį „Išjungta“ nuosavybė
Be žymimojo laukelio būsenos nustatymo ir grąžinimo, ypatybė „išjungta“ taip pat leidžia vartotojams tuo pačiu metu išjungti ir išjungti žymimąjį laukelį. Pažiūrėkime praktiškai.
HTML kodas
Pažvelkime į parašytą HTML kodą:
< kūno stilius = 'text-align: centre' >< h2 > HTML DOM įvestis Žymimasis langelis išjungta nuosavybė „JavaScript“. h2 >
Žymimasis langelis : < įvesties tipas = 'žymimasis langelis' id = 'demo' > Forma pateikta įvestis >< br >< br >
< mygtukas onclick = 'checkDisable ()' > Išjungti žymimąjį laukelį mygtuką >
< mygtukas onclick = 'checkUndisable()' > Išjungti žymimąjį laukelį mygtuką >
Aukščiau esančiame kodo bloke:
- Taip pat įtraukite žymimąjį laukelį ir pridėkite mygtuką su „ paspaudus “ įvykis, kuris vykdo “ checkDisable () “ funkciją spustelėjus mygtuką.
- Po to pridedamas antrasis mygtukas, kuris taip pat naudoja 'onclick' įvykių tvarkyklę, kad vykdytų ' checkUndisable () “ funkcija, kai spustelėja mygtukas.
JavaScript kodas
Tada eikite per toliau nurodytą kodą:
< scenarijus >funkcijos patikrinimas Išjungti ( ) {
dokumentas. getElementById ( 'demo' ) . neįgalus = tiesa ;
}
funkcijos patikrinimas Neišjungti ( ) {
dokumentas. getElementById ( 'demo' ) . neįgalus = klaidinga ;
}
scenarijus >
Aukščiau pateiktose kodo eilutėse:
- Apibrėžkite funkciją pavadinimu ' checkDisable () “, kuris taiko „ document.getElementById() “ metodą, kad pasiektumėte žymimąjį laukelį per jo ID „demo“ ir nustatytumėte jo vertę į „true“.
- Antroji funkcija ' checkUndisable () “ funkcija vėl taiko „document.getElementById()“ metodą, kad vėl pasiektų žymimąjį laukelį ir nustatytumėte jo reikšmę į „false“, jei vartotojas spustelėja įtrauktą antrąjį mygtuką, pavadintą „Atšaukti žymimąjį laukelį“.
Išvestis
Išvestis „išjungia“ nurodytą žymimąjį laukelį, kai vartotojas paspaudžia pirmąjį mygtuką, ir „išjungia“, jei vartotojas atitinkamai spusteli antrąjį mygtuką.
Išvada
„JavaScript“ HTML DOM įvesties žymimasis laukelis „ neįgalus “ ypatybė padeda vartotojams nustatyti ir grąžinti pažymėtą „žymėjimo laukelio“ būseną. Jis apibrėžia apibendrintas sintakses tiek „nustatyti“, tiek „grįžti“ procesams. Jo nustatyta sintaksė veikia su dviem reikšmėmis ' tiesa “ ir „ klaidinga “. Kita vertus, jo grąžinimo sintaksė nereikalauja jokių parametrų. Šiame straipsnyje buvo parodytas „JavaScript“ HTML DOM įvesties žymės langelio „išjungtos“ savybės tikslas, veikimas ir praktinis įgyvendinimas.