Šajā rakstā ir parādīts JavaScript rekvizīta HTML DOM ievades radio “pārbaudīts” mērķis, funkcionalitāte un lietojums.
Kas ir HTML DOM ievades radio “atzīmētais” rekvizīts JavaScript?
Ievades radio rekvizīts “pārbaudīts” darbojas HTML formās un ievades laukos, lai iestatītu un pārbaudītu pogas “Radio” statusu.
Sintakse (iestatīt pārbaudīto rekvizītu)
radioobjekts. pārbaudīts = taisnība | viltusSaskaņā ar definēto atgriešanas sintaksi rekvizīts “atzīmēts” atbalsta divus tālāk norādītos parametrus.
- taisnība: Tas norāda, ka atbilstošais elements ir pārbaudīts.
- viltus: Tas norāda, ka atbilstošais elements nav atzīmēts.
Sintakse (atgriezt pārbaudīto īpašumu)
radioobjekts. pārbaudīts Iepriekš minētajā sintaksē ' radioobjekts 'attiecas uz HTML'
Izmantosim iepriekš definētās sintakses, lai ar doto praktisko piemēru palīdzību izskaidrotu HTML DOM ievades radio rekvizīta “checked” lietošanu.
1. piemērs: Ievades radio rekvizīta “atzīmēts” lietošana Pamata sintakses izmantošana
Pirmajā piemērā poga “Radio” ir izveidota, lai iestatītu tās rekvizītu “pārbaudīts”, izmantojot definēto vispārināto sintaksi.
HTML kods
Vispirms apskatiet norādīto HTML kodu:
< ķermeņa stils = 'text-align: center' >
< h2 > HTML DOM ievades radio pārbaudītais īpašums h2 >
Krāsa : < ievades veids = 'radio' id = 'dzeltens' > Dzeltens < br >< br >
< pogu onclick = 'colorCheck()' > Pārbaudiet 'dzeltens' pogu >
< pogu onclick = 'colorUncheck()' > Noņemiet atzīmi 'dzeltens' pogu >
Iepriekš minētajās koda rindās:
- ' tags nosaka pamatdaļas sadaļu, kas ir līdzināta centrs ”.
- ' ” tags norāda pirmo apakšvirsrakstu.
- '
' tags pievieno pogu 'Radio', norādot ievades veidu ' radio 'ar piešķirtu ID' dzeltens ”. - '
' tags pievieno vienkāršu pogu, kas saistīta ar ' onclick 'pasākums, lai izpildītu' colorCheck() ” funkcija, kurai tiks piekļūt, noklikšķinot uz pogas. - Līdzīgi vēl viens '
tags izveido pogu, lai izsauktu colorUncheck() ” funkciju, noklikšķinot uz pogas.
JavaScript kods
Pēc tam izpildiet norādīto JavaScript kodu:
< skripts >funkcija colorCheck ( ) {
dokumentu. getElementById ( 'dzeltens' ) . pārbaudīts = taisnība ;
}
funkcija krāsa Noņemiet atzīmi ( ) {
dokumentu. getElementById ( 'dzeltens' ) . pārbaudīts = viltus ;
}
skripts >
Iepriekš minētajā koda fragmentā:
- Pirmā funkcija ' colorCheck() ' izmanto ' document.getElementById() ' metodi, lai ielādētu radio pogu, saistiet ar ' pārbaudīts ” rekvizītu un iestatiet tā vērtību uz “true”.
- No otras puses, funkcija ' colorUncheck() ' iestata '' vērtību pārbaudīts ” rekvizītu uz “false” pret piekļūto radiopogu.
Izvade
Kā redzams, izvade pārbauda pogu “Radio”, noklikšķinot uz pogas (nosaukums “Pārbaudīt”), un noņem atzīmi” pie pogas (“Noņemt atzīmi”).
2. piemērs: Ievades radio “pārbaudītas” vērtības atgriešana
Šajā piemērā tiek izmantots rekvizīts Ievades radio “atzīmēts”, lai atgrieztu mērķa pogas “Radio” stāvokli kā Būla vērtību.
HTML kods
Apsveriet šādu HTML kodu:
< ķermeņa stils = 'text-align: center' >< h2 > HTML DOM ievades radio pārbaudītais īpašums h2 >
Krāsa : < ievades veids = 'radio' pārbaudīts = taisnība id = 'dzeltens' > Dzeltens < br >< br >
< pogu onclick = 'colorCheck()' > Pārbaudiet 'dzeltens' pogu >
< p id = 'paraugs' >< lpp >
Iepriekš minētajā koda blokā ' Radio tiek izveidota poga ' un statuss ' pārbaudīts ' rekvizīts ir iestatīts uz ' taisnība ”. Pēc tam līdzīgi tiek izsaukta norādītā funkcija, izmantojot pievienoto “ onclick ” pasākums ar pogu.
JavaScript kods
Tagad apsveriet šādas koda rindas:
< skripts >funkcija colorCheck ( ) {
kur = dokumentu. getElementById ( 'dzeltens' ) . noklusējumaPārbaudīts ;
dokumentu. getElementById ( 'paraugs' ) . innerHTML = t ;
}
skripts >
Iepriekš minētajā koda fragmentā:
- Definējiet funkciju ar nosaukumu ' colorCheck() ”.
- Tās definīcijā piemēro ' document.getElementById() ' metodi, lai piekļūtu pogai 'Radio', izmantojot tās ID 'dzeltens', un saistītu ' noklusējumaPārbaudīts ' rekvizītu, lai pārbaudītu '' noklusējuma vērtību pārbaudīts ” atribūts.
- Visbeidzot, izmantojiet “ document.getElementById() ” metodi vēlreiz, lai ielādētu iekļauto tukšo rindkopu un parādītu rekvizīta “pārbaudīts” statusu.
.
Izvade
Kā analizēts, rezultāts atgriež dotās pogas “Radio” statusu, t.i., “ taisnība ” noklikšķinot uz pogas.
Secinājums
Programmā JavaScript HTML DOM ievades radio rekvizīts “pārbaudīts” ir noderīgs, lai iestatītu un atgrieztu pogas “Radio” pārbaudīto statusu. Rekvizīta “atzīmētā” iestatītā sintakse darbojas ar divām vērtībām “ taisnība ' un ' viltus ”. No otras puses, tā atgriešanas sintakse neprasa nekādus parametrus. Šajā rakstā tika parādīts JavaScript rekvizīta HTML DOM ievades radio “pārbaudīts” mērķis, funkcionalitāte un lietojums.