Ano ang HTML DOM Input Radio checked Property sa JavaScript

Ang HTML DOM Input Radio ' sinuri Ang ” property ay nagbibigay-daan upang itakda at makuha ang estado ng radio button. Ang 'Radio' na buton ay ginagamit upang piliin ang opsyon mula sa isang listahan ng mga nauugnay na item. Ang button na ito ay kilala rin bilang ang 'option' na button. Ang Input Radio na “checked” ay nagpapakita ng value na “ totoo 'kung ang' Radyo Ang 'button ay may check at ' mali ” kung ito ay walang check. Ang mahalagang punto na dapat tandaan ay isang 'Radio' na buton lamang ang maaaring suriin sa isang pagkakataon. Karaniwang ginagamit ang property na ito para sa pagbabalik ng 'checked' attribute value.

Ipinapakita ng artikulong ito ang layunin, functionality, at paggamit ng HTML DOM Input Radio na 'nasuri' na property sa JavaScript.

Ano ang HTML DOM Input Radio 'checked' Property sa JavaScript?

Gumagana ang property na 'checked' ng Input Radio sa mga HTML form at input field para itakda at suriin ang status ng button na 'Radio'.

Syntax (Itakda ang Naka-check na Property)

radioObject. sinuri = totoo | mali

Ayon sa tinukoy na return syntax, sinusuportahan ng property na “checked” ang dalawang parameter na nakalista sa ibaba:

totoo: Ito ay kumakatawan na ang kaukulang elemento ay nasuri.
mali: Ipinapahiwatig nito na ang kaukulang elemento ay hindi naka-check.

Syntax (Return Checked Property)

radioObject. sinuri

Sa syntax sa itaas, ang ' radioObject 'ay tumutukoy sa HTML' ” elemento na ang uri ay “radio”.

Gamitin natin ang mga natukoy na syntax sa itaas upang ipaliwanag ang paggamit ng HTML DOM Input Radio na 'nasuri' na property sa tulong ng mga ibinigay na praktikal na halimbawa.

Halimbawa 1: Paglalapat ng Input Radio “checked” Property Gamit ang Basic Syntax

Sa unang halimbawa, ang 'Radio' na buton ay nilikha upang itakda ang 'nasuri' nitong katangian sa pamamagitan ng paggamit ng tinukoy na pangkalahatang syntax.

HTML Code

Una, tingnan ang nakasaad na HTML code:

< istilo ng katawan = 'text-align: center' >

< h2 > HTML DOM Input Radio Checked Property h2 >

Kulay : < uri ng input = 'radyo' id = 'dilaw' > Dilaw < br >< br >

< button sa pag-click = 'colorCheck()' > Suriin 'dilaw' pindutan >

< button sa pag-click = 'colorUncheck()' > Alisin ang check 'dilaw' pindutan >

Sa mga linya ng code sa itaas:

Ang ' Tinutukoy ng tag na ” ang seksyon ng katawan na nakahanay sa “ gitna ”.
Ang '
” ang tag ay tumutukoy sa unang subheading.
Ang ' Nagdaragdag ang tag ng 'Radio' sa pamamagitan ng pagtukoy sa uri ng input ' radyo 'na may nakatalagang id' dilaw ”.
Ang '
Katulad nito, isa pang '

JavaScript Code

Susunod, sundin ang ibinigay na JavaScript code:

< iskrip >

function colorCheck ( ) {

dokumento. getElementById ( 'dilaw' ) . sinuri = totoo ;

}

kulay ng functionAlisin ang tsek ( ) {

dokumento. getElementById ( 'dilaw' ) . sinuri = mali ;

}

iskrip >

Sa snippet ng code sa itaas:

Ang unang function ' colorCheck() 'ginagamit ang' document.getElementById() 'paraan para kunin ang radio button, iugnay ang ' sinuri ” property at itakda ang value nito sa “true”.
Sa kabilang banda, ang function na ' colorUncheck() ' nagtatakda ng halaga ng ' sinuri ” property sa “false” laban sa na-access na Radio button.

Output

Gaya ng nakikita, sinusuri ng output ang pindutan ng 'Radio' sa pindutan (pinangalanang 'Suriin') na pag-click at alisan ng tsek' sa pag-click sa pindutan ('Alisan ng tsek').

Halimbawa 2: Ibinabalik ang Input Radio na “checked” Value

Inilalapat ng halimbawang ito ang property na 'nasuri' ng Input Radio upang ibalik ang estado ng naka-target na button na 'Radio' bilang boolean value.

HTML Code

Isaalang-alang ang sumusunod na HTML code:

< istilo ng katawan = 'text-align: center' >

< h2 > HTML DOM Input Radio Checked Property h2 >

Kulay : < uri ng input = 'radyo' sinuri = totoo id = 'dilaw' > Dilaw < br >< br >

< button sa pag-click = 'colorCheck()' > Suriin 'dilaw' pindutan >

< p id = 'sample' >< p >

Sa bloke ng code sa itaas, ang ' Radyo ” button ay nilikha at ang katayuan ng “ sinuri 'Ang ari-arian ay nakatakda sa ' totoo ”. Pagkatapos nito, sa katulad na paraan, ang nakasaad na function ay hinihimok sa pamamagitan ng nakalakip na ' onclick ” kaganapan gamit ang pindutan.

JavaScript Code

Ngayon, isaalang-alang ang mga sumusunod na linya ng code:

< iskrip >

function colorCheck ( ) {

saan = dokumento. getElementById ( 'dilaw' ) . defaultCheck ;

dokumento. getElementById ( 'sample' ) . panloobHTML = t ;

}

iskrip >

Sa snippet ng code sa itaas:

Tukuyin ang isang function na pinangalanang ' colorCheck() ”.
Sa kahulugan nito, ilapat ang ' document.getElementById() ” paraan upang ma-access ang “Radio” na buton gamit ang id nitong “dilaw” at iugnay ang “ defaultCheck ” property upang suriin ang default na halaga ng “ sinuri ” katangian.
Panghuli, ilapat ang ' document.getElementById() ” na paraan upang kunin ang kasamang walang laman na talata at ipakita ang katayuan ng 'nasuri' na pag-aari.

Output

Tulad ng nasuri, ibinabalik ng kinalabasan ang katayuan ng ibinigay na button na 'Radio' ibig sabihin, ' totoo ” sa pag-click sa pindutan.

Konklusyon

Sa JavaScript, ang HTML DOM Input Radio na 'checked' na property ay kapaki-pakinabang upang itakda at ibalik ang naka-check na status ng 'Radio' na button. Gumagana ang set syntax ng “checked” property sa dalawang value na “ totoo 'at' mali ”. Sa kabilang banda, ang return syntax nito ay hindi nangangailangan ng anumang parameter. Ipinakita ng artikulong ito ang layunin, functionality, at paggamit ng HTML DOM Input Radio na 'nasuri' na property sa JavaScript.

Ano ang HTML DOM Input Radio checked Property sa JavaScript