Šiame straipsnyje parodomas „JavaScript“ HTML DOM įvesties radijo „pažymėti“ savybės tikslas, funkcionalumas ir naudojimas.
Kas yra „JavaScript“ HTML DOM įvesties radijo ypatybė?
Įvesties radijo ypatybė „pažymėta“ veikia HTML formose ir įvesties laukuose, kad būtų galima nustatyti ir patikrinti mygtuko „Radijas“ būseną.
Sintaksė (nustatyti pažymėtą ypatybę)
radijo objektas. patikrinta = tiesa | klaidingaPagal apibrėžtą grąžinimo sintaksę ypatybė „pažymėta“ palaiko du toliau išvardytus parametrus:
- tiesa: Tai reiškia, kad atitinkamas elementas yra patikrintas.
- klaidinga: Tai rodo, kad atitinkamas elementas nepažymėtas.
Sintaksė (grąžinti patikrintą nuosavybę)
radijo objektas. patikrintaAukščiau pateiktoje sintaksėje „ radijo objektas “ reiškia HTML “ <įvestis> “ elementas, kurio tipas yra „radijas“.
Naudokime aukščiau apibrėžtas sintakses, kad paaiškintume, kaip naudoti HTML DOM įvesties radijo „pažymėti“ ypatybę, naudodami pateiktus praktinius pavyzdžius.
1 pavyzdys: Įvesties radijo ypatybės „pažymėta“ taikymas Naudojant pagrindinę sintaksę
Pirmajame pavyzdyje mygtukas „Radijas“ sukurtas norint nustatyti jo ypatybę „pažymėta“, naudojant apibrėžtą apibendrintą sintaksę.
HTML kodas
Pirmiausia pažiūrėkite į nurodytą HTML kodą:
< kūno stilius = 'text-align: centre' >
< h2 > HTML DOM įvesties radijo patikrinta savybė h2 >
Spalva : < įvesties tipas = 'radijas' id = 'geltona' > Geltona < br >< br >
< mygtukas onclick = 'colorCheck()' > Patikrinti 'geltona' mygtuką >
< mygtukas onclick = 'colorUncheck()' > Panaikinkite žymėjimą 'geltona' mygtuką >
Aukščiau pateiktose kodo eilutėse:
- „
“ žyma apibrėžia kūno dalį, lygiuojamą su “ centras “. - „ “ žyma nurodo pirmąją paantraštę.
- „ <įvestis> “ žyma prideda mygtuką „Radijas“, nurodydama įvesties tipą „ radijas 'su priskirtu ID' geltona “.
- „
' žyma prideda paprastą mygtuką, susietą su ' paspaudus 'įvykis, skirtas ' colorCheck () “ funkcija, kuri bus pasiekiama spustelėjus mygtuką. - Panašiai kitas „
' žyma sukuria mygtuką, kad iškviestų ' colorUncheck () “ funkciją spustelėjus mygtuką.
JavaScript kodas
Toliau sekite pateiktą „JavaScript“ kodą:
< scenarijus >funkcija colorCheck ( ) {
dokumentas. getElementById ( 'geltona' ) . patikrinta = tiesa ;
}
Funkcijos spalva Panaikinkite žymėjimą ( ) {
dokumentas. getElementById ( 'geltona' ) . patikrinta = klaidinga ;
}
scenarijus >
Aukščiau pateiktame kodo fragmente:
- Pirmoji funkcija ' colorCheck () “ naudoja “ document.getElementById() “ metodą, norėdami gauti radijo mygtuką, susiekite „ patikrinta “ savybę ir nustatykite jos vertę į „true“.
- Kita vertus, funkcija „ colorUncheck () “ nustato „“ reikšmę patikrinta “ ypatybę į „klaidingą“ prie pasiekiamo radijo mygtuko.
Išvestis
Kaip matyti, išvestis patikrina mygtuką „Radijas“ spustelėjus mygtuką (pavadintą „Check“) ir panaikina žymėjimą“ prie mygtuko („Atžymėti“) paspaudimo.
2 pavyzdys: Radijo įvesties reikšmės „pažymėta“ grąžinimas
Šiame pavyzdyje taikoma įvesties radijo ypatybė „pažymėta“, kad grąžintų tikslinio mygtuko „Radijas“ būseną kaip loginę reikšmę.
HTML kodas
Apsvarstykite šį HTML kodą:
< kūno stilius = 'text-align: centre' >< h2 > HTML DOM įvesties radijo patikrinta savybė h2 >
Spalva : < įvesties tipas = 'radijas' patikrinta = tiesa id = 'geltona' > Geltona < br >< br >
< mygtukas onclick = 'colorCheck()' > Patikrinti 'geltona' mygtuką >
< p id = 'pavyzdys' >< p >
Aukščiau esančiame kodo bloke „ Radijas “ mygtukas yra sukurtas ir „“ būsena patikrinta 'ypatybė nustatyta į ' tiesa “. Po to, panašiai, nurodyta funkcija iškviečiama per pridedamą ' paspaudus “ renginys su mygtuku.
JavaScript kodas
Dabar apsvarstykite šias kodo eilutes:
< scenarijus >funkcija colorCheck ( ) {
kur = dokumentas. getElementById ( 'geltona' ) . numatytasisPatikrinta ;
dokumentas. getElementById ( 'pavyzdys' ) . vidinis HTML = t ;
}
scenarijus >
Aukščiau pateiktame kodo fragmente:
- Apibrėžkite funkciją pavadinimu ' colorCheck () “.
- Savo apibrėžime taikykite „ document.getElementById() “ būdas pasiekti mygtuką „Radijas“ naudojant jo ID „geltoną“ ir susieti „ numatytasisPatikrinta ' ypatybę norėdami patikrinti numatytąją ' patikrinta “ atributas.
- Galiausiai pritaikykite „ document.getElementById() “ metodą dar kartą, kad gautumėte įtrauktą tuščią pastraipą ir būtų rodoma ypatybės „pažymėta“ būsena.
.
Išvestis
Kaip analizuota, rezultatas grąžina nurodyto mygtuko „Radijo“ būseną, t. y. „ tiesa “ spustelėjus mygtuką.
Išvada
„JavaScript“ HTML DOM įvesties radijo ypatybė „pažymėta“ yra naudinga norint nustatyti ir grąžinti mygtuko „Radijas“ patikrintą būseną. Nustatyta ypatybės „pažymėta“ 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 radijo „pažymėti“ savybės tikslas, funkcionalumas ir naudojimas.