Denne artikel illustrerer formålet, arbejdet og brugen af HTML DOM Input Checkbox 'deaktiveret' egenskaben i JavaScript.
Hvordan fungerer HTML DOM Input Checkbox 'deaktiveret' egenskab i JavaScript?
Indtastningsfeltet ' handicappet egenskaben afhænger af 'checkbox'-attributten. Det virker på HTML-formularerne og inputfelterne for at deaktivere og deaktivere de givne afkrydsningsfelter.
Syntaks (Indstil den deaktiverede egenskab)
afkrydsningsfeltObjekt. handicappet = rigtigt | falskI henhold til den definerede retursyntaks understøtter egenskaben 'disabled' to parametre, der er angivet som følger:
- rigtigt: Det repræsenterer, at det tilsvarende afkrydsningsfelt er deaktiveret.
- falsk (standardværdi): Det er en valgfri værdi, der angiver, at det tilknyttede afkrydsningsfelt ikke er deaktiveret.
Returner (Returner den deaktiverede ejendom)
afkrydsningsfeltObjekt. handicappetI ovenstående syntaks er ' afkrydsningsfeltObjekt ' svarer til HTML ' afkrydsningsfeltet ' element.
Lad os bruge de ovenfor definerede syntakser i nedenstående eksempler til at forstå den praktiske implementering af egenskaben 'deaktiveret'.
Eksempel 1: Anvendelse af input-afkrydsningsfeltet 'deaktiveret' egenskab Brug af grundlæggende syntaks
I det første eksempel tilføjes 'afkrydsningsfeltet' for at deaktivere det ved at bruge den definerede generaliserede syntaks.
HTML kode
Analyser først den givne HTML-kode:
< kropsstil = 'tekst-align: center' >
< h2 > HTML DOM input Afkrydsningsfelt deaktiveret egenskab i JavaScript h2 >
Afkrydsningsfelt : < input type = 'afkrydsningsfelt' id = 'demo' > Formular indsendt < br >< br >
< s > Det givne afkrydsningsfelt er deaktiveret s >
I ovenstående kodelinjer:
- Det ' ' tag angiver den kropssektion, der er justeret til ' centrum ' ved hjælp af ' stil ' attribut.
- Det ' ” tag definerer underoverskriften på niveau 2.
- Det ' ' tag opretter et 'afkrydsningsfelt' ved at angive inputtypen ' afkrydsningsfeltet ' have et tildelt id ' demo ”.
- Det ' ” tag tilføjer et afsnitselement for at vise det resulterende resultat.
JavaScript kode
Dernæst skal du se på JavaScript-koden:
< manuskript >dokument. getElementById ( 'demo' ) . handicappet = rigtigt ;
manuskript >
I ovenstående kodestykke er ' document.getElementById() ”-metoden anvendes til at hente afkrydsningsfeltet ved hjælp af dets id “demo”, og værdien af egenskaben “disabled” er sat til “ rigtigt ” som deaktiverer afkrydsningsfeltet.
Produktion
Ovenstående output bekræfter, at det givne afkrydsningsfelt er deaktiveret på grund af ' handicappet ' egenskab indstillet til ' rigtigt ”.
Eksempel 2: Returnerer input-afkrydsningsfeltet 'deaktiveret' egenskabsværdi
Dette eksempel anvender egenskaben 'disabled' for at returnere status for det målrettede afkrydsningsfelt som en boolesk værdi (sand/falsk).
HTML kode
Overvej følgende HTML-kode:
< kropsstil = 'tekst-align: center' >< h2 > HTML DOM input Afkrydsningsfelt deaktiveret egenskab i JavaScript h2 >
Afkrydsningsfelt : < input type = 'afkrydsningsfelt' handicappet = rigtigt id = 'demo' > Formular indsendt < br >< br >
< p id = 'prøve' > s >
I ovenstående kodeblok:
- Afkrydsningsfeltet er tildelt og status for ' handicappet ' egenskab er indstillet til ' rigtigt ”.
- Derefter er en tom ' ' element tilføjes med et tildelt id 'sample' for at tilføje output.
JavaScript kode
Gå nu videre til JavaScript-koden:
< manuskript >der er en = dokument. getElementById ( 'demo' ) . handicappet ;
dokument. getElementById ( 'prøve' ) . indreHTML = -en ;
manuskript >
I ovenstående kode:
- Variablen ' -en ' bruger ' document.getElementById() ” metode for at få adgang til afkrydsningsfeltet ved hjælp af dens id “demo” og tilknytte “ handicappet ” egenskab for at kontrollere, om det hentede afkrydsningsfelt er deaktiveret eller ej.
- Metoden 'document.getElementById()' anvendt igen henter det inkluderede tomme afsnit og viser status for egenskaben 'disabled' som et afsnit.
Produktion
Som analyseret returnerer resultatet 'afkrydsningsfeltet' tildelt status, dvs. ' rigtigt ”.
Eksempel 3: Deaktiver og deaktiver afkrydsningsfeltet ved hjælp af egenskaben Input afkrydsningsfeltet 'deaktiveret'
Udover at indstille og returnere afkrydsningsfeltets status, giver egenskaben 'deaktiveret' også brugerne mulighed for at deaktivere og deaktivere afkrydsningsfeltet på samme tid. Lad os se det praktisk talt.
HTML kode
Lad os gennemgå den skrevne HTML-kode:
< kropsstil = 'tekst-align: center' >< h2 > HTML DOM input Afkrydsningsfelt deaktiveret ejendom i JavaScript h2 >
Afkrydsningsfelt : < input type = 'afkrydsningsfelt' id = 'demo' > Formular indsendt input >< br >< br >
< knap ved klik = 'checkDisable()' > Deaktiver afkrydsningsfeltet knap >
< knap ved klik = 'checkUdisable()' > Deaktiver afkrydsningsfeltet knap >
I ovenstående kodeblok:
- På samme måde skal du inkludere et afkrydsningsfelt og tilføje en knap med et ' onclick ' begivenhed, der udfører ' checkDeaktiver() ”-funktion ved et klik på knappen.
- Derefter tilføjes den anden knap, der også bruger 'onclick'-hændelseshandleren til udførelse af ' checkUdisable() ”-funktion, når knappen klikker.
JavaScript kode
Gå derefter igennem nedenstående kode:
< manuskript >funktionskontrol Deaktiver ( ) {
dokument. getElementById ( 'demo' ) . handicappet = rigtigt ;
}
funktionskontrolUdeaktiveret ( ) {
dokument. getElementById ( 'demo' ) . handicappet = falsk ;
}
manuskript >
I ovenstående kodelinjer:
- Definer en funktion ved navn ' checkDeaktiver() ' der gælder ' document.getElementById() ” metode til at nærme sig afkrydsningsfeltet via dens id “demo” og indstille dens værdi til “true”.
- Den anden funktion ' checkUdisable() ”-funktionen anvender igen “document.getElementById()”-metoden for at få adgang til afkrydsningsfeltet igen og indstille dens værdi til “false”, hvis brugeren klikker på den medfølgende anden knap med navnet “Undisable the checkbox”.
Produktion
Outputtet 'deaktiverer' det givne afkrydsningsfelt, når brugeren klikker på den første knap og 'deaktiverer' det, hvis brugeren klikker på den anden knap tilsvarende.
Konklusion
I JavaScript er HTML DOM-input afkrydsningsfeltet ' handicappet egenskaben hjælper brugerne med at indstille og returnere den afkrydsede status for 'afkrydsningsfeltet'. Den definerer de generaliserede syntakser for både 'sæt'- og 'retur'-processer. Dens indstillede syntaks fungerer på to værdier ' rigtigt ' og ' falsk ”. På den anden side kræver dets retursyntaks ikke nogen parameter. Denne artikel demonstrerede den objektive, fungerende og praktiske implementering af HTML DOM Input Checkbox 'deaktiveret' egenskaben i JavaScript.