Ta članek prikazuje namen, funkcionalnost in uporabo lastnosti HTML DOM Input Radio »preverjeno« v JavaScriptu.
Kaj je »preverjena« lastnost HTML DOM Input Radio v JavaScriptu?
Lastnost »preverjeno« vnosnega radia deluje na obrazcih HTML in vnosnih poljih za nastavitev in preverjanje statusa gumba »Radio«.
Sintaksa (nastavi označeno lastnost)
radioObject. preverjeno = prav | lažnoV skladu z definirano sintakso povratka lastnost »preverjeno« podpira dva parametra, ki sta navedena spodaj:
- prav: Pomeni, da je ustrezni element preverjen.
- napačno: Označuje, da ustrezen element ni označen.
Sintaksa (vrni preverjeno lastnost)
radioObject. preverjeno V zgornji sintaksi je » radioObject ' se nanaša na HTML '
Uporabimo zgoraj definirane sintakse, da s pomočjo danih praktičnih primerov razložimo uporabo lastnosti »preverjeno« vhodnega radia HTML DOM.
Primer 1: Uporaba lastnosti »preverjeno« vhodnega radia Uporaba osnovne sintakse
V prvem primeru je gumb »Radio« ustvarjen za nastavitev njegove lastnosti »preverjeno« z uporabo definirane splošne sintakse.
HTML koda
Najprej si oglejte navedeno kodo HTML:
< stil telesa = 'poravnava besedila: sredina' >
< h2 > HTML DOM Input Radio Preverjena lastnost h2 >
barva : < vrsta vnosa = 'radio' id = 'rumena' > Rumena < št >< št >
< gumb na klik = 'colorCheck()' > Preverite 'rumena' gumb >
< gumb na klik = 'colorUncheck()' > Odkljukajte 'rumena' gumb >
V zgornjih vrsticah kode:
- '
Oznaka določa del telesa, ki je poravnan z center ”. - ' ” določa prvi podnaslov.
- '
” doda gumb “Radio” tako, da določi vrsto vnosa “ radio ' z dodeljenim ID-jem ' rumena ”. - '
' doda preprost gumb, povezan z ' onclick ' dogodek za izvedbo ' colorCheck() ” funkcija, ki bo dostopna s klikom na gumb. - Podobno še en '
' ustvari gumb za priklic ' colorUncheck() ” ob kliku na gumb.
Koda JavaScript
Nato sledite podani kodi JavaScript:
< scenarij >funkcijo colorCheck ( ) {
dokument. getElementById ( 'rumena' ) . preverjeno = prav ;
}
funkcija colorUncheck ( ) {
dokument. getElementById ( 'rumena' ) . preverjeno = lažno ;
}
scenarij >
V zgornjem delčku kode:
- Prva funkcija ' colorCheck() ' uporablja ' document.getElementById() ' za pridobivanje izbirnega gumba, povežite ' preverjeno ” in njeno vrednost nastavite na “true”.
- Po drugi strani pa funkcija ' colorUncheck() « nastavi vrednost » preverjeno ” na “false” proti radijskemu gumbu, do katerega dostopate.
Izhod
Kot je razvidno, izhod preveri gumb »Radio« ob kliku gumba (imenovan »Preveri«) in odstrani kljukico« pri kliku gumba (»Odznači«).
Primer 2: Vrnitev »preverjene« vrednosti vhodnega radia
Ta primer uporabi lastnost »preverjeno« vhodnega radia, da vrne stanje ciljnega gumba »radio« kot logično vrednost.
HTML koda
Razmislite o naslednji kodi HTML:
< stil telesa = 'poravnava besedila: sredina' >< h2 > HTML DOM Input Radio Preverjena lastnost h2 >
barva : < vrsta vnosa = 'radio' preverjeno = prav id = 'rumena' > Rumena < št >< št >
< gumb na klik = 'colorCheck()' > Preverite 'rumena' gumb >
< p id = 'vzorec' >< str >
V zgornjem kodnem bloku je » Radio « je ustvarjen gumb in stanje » preverjeno Lastnost je nastavljena na prav ”. Po tem se na podoben način prikliče navedena funkcija prek priloženega » onclick ” dogodek z gumbom.
Koda JavaScript
Zdaj pa razmislite o naslednjih vrsticah kode:
< scenarij >funkcijo colorCheck ( ) {
kje = dokument. getElementById ( 'rumena' ) . defaultChecked ;
dokument. getElementById ( 'vzorec' ) . notranjiHTML = t ;
}
scenarij >
V zgornjem delčku kode:
- Definirajte funkcijo z imenom ' colorCheck() ”.
- V njegovi definiciji uporabite ' document.getElementById() ' za dostop do gumba 'Radio' z uporabo njegovega id-ja 'rumena' in povezavo ' defaultChecked ' za preverjanje privzete vrednosti ' preverjeno ” atribut.
- Na koncu uporabite ' document.getElementById() ”, da pridobite vključen prazen odstavek in prikažete status lastnosti “preverjeno”.
.
Izhod
Kot je analizirano, rezultat vrne status danega gumba »Radio«, tj. prav « ob kliku na gumb.
Zaključek
V JavaScriptu je lastnost HTML DOM Input Radio »checked« uporabna za nastavitev in vrnitev označenega statusa gumba »Radio«. Nastavljena sintaksa lastnosti »preverjeno« deluje na dveh vrednostih ' prav « in » lažno ”. Po drugi strani pa njegova povratna sintaksa ne zahteva nobenega parametra. Ta članek je prikazal cilj, funkcionalnost in uporabo lastnosti HTML DOM Input Radio »preverjeno« v JavaScriptu.