Denne artikel demonstrerer formålet, funktionaliteten og brugen af egenskaben HTML DOM Input Radio 'checked' i JavaScript.
Hvad er HTML DOM Input Radio 'checked' egenskaben i JavaScript?
Egenskaben Input Radio 'checked' fungerer på HTML-formularer og inputfelter for at indstille og kontrollere status for 'Radio'-knappen.
Syntaks (Sæt markeret egenskab)
radioobjekt. kontrolleret = rigtigt | falskI henhold til den definerede retursyntaks understøtter egenskaben 'checked' to parametre, der er anført nedenfor:
- rigtigt: Det repræsenterer, at det tilsvarende element er kontrolleret.
- falsk: Det angiver, at det tilsvarende element ikke er markeret.
Syntaks (retur kontrolleret egenskab)
radioobjekt. kontrolleretI ovenstående syntaks er ' radioobjekt ' refererer til HTML ' ' element, hvis type er 'radio'.
Lad os bruge de ovenfor definerede syntakser til at forklare brugen af HTML DOM Input Radio 'checked' egenskab ved hjælp af givne praktiske eksempler.
Eksempel 1: Anvendelse af 'kontrolleret' egenskab for Input Radio Brug af grundlæggende syntaks
I det første eksempel er knappen 'Radio' oprettet for at indstille dens 'checked' egenskab ved at bruge den definerede generaliserede syntaks.
HTML kode
Først skal du se på den angivne HTML-kode:
< kropsstil = 'tekst-align: center' >
< h2 > HTML DOM-input radio kontrolleret egenskab h2 >
Farve : < input type = 'radio' id = 'gul' > Gul < br >< br >
< knap ved klik = 'colorCheck()' > Kontrollere 'gul' knap >
< knap ved klik = 'colorUncheck()' > Fjern markeringen 'gul' knap >
I ovenstående kodelinjer:
- Det ' ' tag definerer den kropssektion, der er justeret til ' centrum ”.
- Det ' ” tag angiver den første underoverskrift.
- Det ' '-tag tilføjer en 'Radio'-knap ved at angive inputtypen ' radio ' med et tildelt id ' gul ”.
- Det '
' tag tilføjer en simpel knap forbundet med en ' onclick ' begivenhed for at udføre ' colorCheck() ”-funktion, der åbnes ved knap-klik. - Tilsvarende en anden '
' tag opretter en knap til at kalde ' colorUncheck() ”-funktion ved et klik på knappen.
JavaScript kode
Følg derefter den givne JavaScript-kode:
< manuskript >funktion colorCheck ( ) {
dokument. getElementById ( 'gul' ) . kontrolleret = rigtigt ;
}
funktion farveFjern markeringen ( ) {
dokument. getElementById ( 'gul' ) . kontrolleret = falsk ;
}
manuskript >
I ovenstående kodestykke:
- Den første funktion ' colorCheck() ' bruger ' document.getElementById() ' metode til at hente alternativknappen, tilknyt ' kontrolleret ” egenskab og sæt dens værdi til “true”.
- På den anden side er funktionen ' colorUncheck() ' indstiller værdien af ' kontrolleret ” egenskab til at “false” mod den åbnede radioknap.
Produktion
Som det ses, tjekker outputtet 'Radio'-knappen ved knappen (kaldet 'Check') klik og fjerner markeringen ved knappen ('Fjern markering').
Eksempel 2: Returnerer 'kontrolleret' værdi for inputradioen
Dette eksempel anvender egenskaben Input Radio 'checked' for at returnere tilstanden for den målrettede 'Radio'-knap som en boolesk værdi.
HTML kode
Overvej følgende HTML-kode:
< kropsstil = 'tekst-align: center' >< h2 > HTML DOM-input radio kontrolleret egenskab h2 >
Farve : < input type = 'radio' kontrolleret = rigtigt id = 'gul' > Gul < br >< br >
< knap ved klik = 'colorCheck()' > Kontrollere 'gul' knap >
< p id = 'prøve' >< s >
I ovenstående kodeblok er ' Radio knappen oprettes, og status for ' kontrolleret ' egenskab er indstillet til ' rigtigt ”. Derefter påkaldes den angivne funktion på samme måde via den vedhæftede ' onclick ” begivenhed med knappen.
JavaScript kode
Overvej nu følgende kodelinjer:
< manuskript >funktion colorCheck ( ) {
hvor = dokument. getElementById ( 'gul' ) . standardTjekket ;
dokument. getElementById ( 'prøve' ) . indreHTML = t ;
}
manuskript >
I ovenstående kodestykke:
- Definer en funktion ved navn ' colorCheck() ”.
- Anvend i sin definition ' document.getElementById() '-metoden for at få adgang til knappen 'Radio' ved hjælp af dens id 'gul' og tilknytte ' standardTjekket ' egenskab for at kontrollere standardværdien af ' kontrolleret ' attribut.
- Til sidst skal du anvende ' document.getElementById() ”-metoden igen for at hente det inkluderede tomme afsnit og vise status for egenskaben “markeret”.
.
Produktion
Som analyseret returnerer resultatet status for den givne 'Radio'-knap, dvs. rigtigt ” ved at klikke på knappen.
Konklusion
I JavaScript er egenskaben HTML DOM Input Radio 'checked' nyttig til at indstille og returnere den kontrollerede status for knappen 'Radio'. Den indstillede syntaks for egenskaben 'kontrolleret' fungerer på to værdier ' rigtigt ' og ' falsk '. På den anden side kræver dets retursyntaks ikke nogen parameter. Denne artikel demonstrerede formålet, funktionaliteten og brugen af HTML DOM Input Radio 'checked' egenskaben i JavaScript.