Mis on JavaScriptis HTML DOM-i sisendraadio kontrollitud atribuut

HTML DOM-i sisendraadio ' kontrollitud ” atribuut võimaldab määrata ja hankida raadionupu olekut. Nuppu „Raadio” kasutatakse valiku valimiseks asjakohaste üksuste loendist. Seda nuppu tuntakse ka kui valikunuppu. Sisendraadio 'kontrollitud' kuvab väärtuse ' tõsi 'kui ' Raadio ' nupp on märgitud ja ' vale ”, kui see on märkimata. Oluline on märkida, et korraga saab kontrollida ainult ühte 'Raadio' nuppu. Seda atribuuti kasutatakse tavaliselt atribuudi 'kontrollitud' väärtuse tagastamiseks.

See artikkel demonstreerib HTML DOM-i sisendraadio 'kontrollitud' atribuudi eesmärki, funktsionaalsust ja kasutamist JavaScriptis.

Mis on JavaScriptis HTML DOM-i sisendraadio 'kontrollitud' atribuut?

Sisendraadio atribuut 'kontrollitud' töötab HTML-vormidel ja sisestusväljadel, et määrata ja kontrollida nupu 'Raadio' olekut.

Süntaks (määratud atribuudi määramine)

raadioobjekt. kontrollitud = tõsi | vale

Määratletud tagastussüntaksi kohaselt toetab atribuut „märgitud” kahte allpool loetletud parameetrit.

tõsi: See näitab, et vastav element on kontrollitud.
vale: See näitab, et vastav element on märkimata.

Süntaks (tagasta kontrollitud atribuut)

raadioobjekt. kontrollitud

Ülaltoodud süntaksis on ' raadioobjekt ' viitab HTML-ile ' ” element, mille tüüp on „raadio”.

Kasutame ülaltoodud süntaksi, et selgitada HTML DOM-i sisendraadio 'kontrollitud' omaduse kasutamist antud praktiliste näidete abil.

Näide 1: Sisendraadio atribuudi 'kontrollitud' rakendamine Põhisüntaksi kasutamine

Esimeses näites luuakse nupp 'Raadio', et määrata selle atribuut 'kontrollitud', kasutades defineeritud üldistatud süntaksit.

HTML-kood

Esiteks vaadake märgitud HTML-koodi:

< keha stiil = 'teksti joondamine: keskel' >

< h2 > HTML DOM-i sisendraadio kontrollitud omadus h2 >

Värv : < sisendi tüüp = 'raadio' id = 'kollane' > Kollane < br >< br >

< nupp onclick = 'colorCheck()' > Kontrollima 'kollane' nuppu >

< nupp onclick = 'colorUncheck()' > Tühjendage märge 'kollane' nuppu >

Ülaltoodud koodiridades:

' märgend määrab kehaosa, mis on joondatud Keskus ”.
'
” märgend määrab esimese alampealkirja.
' märgend lisab nupu 'Raadio', määrates sisendi tüübi ' raadio 'määratud ID-ga' kollane ”.
' märgend lisab lihtsa nupu, mis on seotud märgiga onclick sündmus, et täita värvikontroll() ” funktsioon, millele pääseb juurde nupu klõpsamisel.
Samamoodi teine ' märgend loob nupu, mis kutsub esile colorUncheck() ” funktsiooni nupu klõpsamisel.

JavaScripti kood

Järgmisena järgige antud JavaScripti koodi:

< stsenaarium >

funktsioon colorCheck ( ) {

dokument. getElementById ( 'kollane' ) . kontrollitud = tõsi ;

}

Funktsioon color Tühjendage märge ( ) {

dokument. getElementById ( 'kollane' ) . kontrollitud = vale ;

}

stsenaarium >

Ülaltoodud koodilõigul:

Esimene funktsioon ' värvikontroll() ' kasutab ' document.getElementById() ' meetod raadionupu toomiseks, seostage ' kontrollitud ” atribuut ja määrake selle väärtuseks 'true'.
Teisest küljest on funktsioon ' colorUncheck() ' määrab ' väärtuse kontrollitud ” atribuudi väärtuseks „false” avatud raadionupu vastu.

Väljund

Nagu näha, kontrollib väljund nuppu 'Raadio' nupu (nimega 'Kontrolli') klõpsamisel ja eemaldab linnukesed nupul ('Tühista märge').

Näide 2: Sisendraadio 'kontrollitud' väärtuse tagastamine

See näide rakendab atribuuti Input Radio 'checked', et tagastada sihitud nupu 'Raadio' olek tõeväärtusena.

HTML-kood

Mõelge järgmisele HTML-koodile:

< keha stiil = 'teksti joondamine: keskel' >

< h2 > HTML DOM-i sisendraadio kontrollitud omadus h2 >

Värv : < sisendi tüüp = 'raadio' kontrollitud = tõsi id = 'kollane' > Kollane < br >< br >

< nupp onclick = 'colorCheck()' > Kontrollima 'kollane' nuppu >

< p id = 'näidis' >< lk >

Ülaltoodud koodiplokis on ' Raadio ' nupp on loodud ja nupu ' olek kontrollitud ' atribuut on seatud väärtusele ' tõsi ”. Pärast seda käivitatakse märgitud funktsioon sarnaselt lisatud ' onclick ” sündmus nupuga.

JavaScripti kood

Nüüd kaaluge järgmisi koodiridu:

< stsenaarium >

funktsioon colorCheck ( ) {

kus = dokument. getElementById ( 'kollane' ) . vaikimisiKontrollitud ;

dokument. getElementById ( 'näidis' ) . sisemine HTML = t ;

}

stsenaarium >

Ülaltoodud koodilõigul:

Määrake funktsioon nimega ' värvikontroll() ”.
Selle määratluses rakendage ' document.getElementById() ' meetod, et pääseda juurde nupule 'Raadio', kasutades selle ID-d 'kollane' ja seostada ' vaikimisiKontrollitud atribuut '' vaikeväärtuse kontrollimiseks kontrollitud ” atribuut.
Lõpuks rakendage ' document.getElementById() ” meetodit, et tuua kaasatud tühi lõik ja kuvada atribuudi „kontrollitud” olek.

Väljund

Nagu analüüsitud, tagastab tulemus antud nupu „Raadio” oleku, st „ tõsi ” nupu klõpsamisel.

Järeldus

JavaScriptis on HTML DOM-i sisendraadio atribuut 'kontrollitud' kasulik nupu 'Raadio' kontrollitud oleku määramiseks ja tagastamiseks. Atribuudi 'märgitud' süntaks töötab kahe väärtusega ' tõsi ” ja „ vale ”. Teisest küljest ei nõua selle tagastamise süntaks ühtegi parameetrit. See artikkel demonstreeris atribuudi HTML DOM-i sisendraadio 'kontrollitud' eesmärki, funktsionaalsust ja kasutamist JavaScriptis.

Mis on JavaScriptis HTML DOM-i sisendraadio kontrollitud atribuut