Što je HTML DOM Input Radio provjereno svojstvo u JavaScriptu

HTML DOM Input Radio ' provjereno ” Svojstvo omogućuje postavljanje i dohvaćanje stanja radio gumba. Gumb 'Radio' koristi se za odabir opcije s popisa relevantnih stavki. Ovaj gumb je također poznat kao gumb 'opcija'. Input Radio “checked” prikazuje vrijednost “ pravi ' ako je ' Radio ” gumb je označen i “ lažno ” ako nije označeno. Važna stvar koju treba napomenuti je da samo jedan gumb 'Radio' može biti označen u jednom trenutku. Ovo se svojstvo općenito koristi za vraćanje vrijednosti atributa 'provjereno'.

Ovaj članak pokazuje svrhu, funkcionalnost i upotrebu svojstva HTML DOM Input Radio 'provjereno' u JavaScriptu.

Što je HTML DOM Input Radio 'provjereno' svojstvo u JavaScriptu?

Svojstvo Input Radio “checked” radi na HTML obrascima i poljima za unos za postavljanje i provjeru statusa gumba “Radio”.

Sintaksa (Postavi označeno svojstvo)

radioObject. provjereno = pravi | lažno

Prema definiranoj sintaksi povrata, svojstvo 'provjereno' podržava dva parametra koja su navedena u nastavku:

pravi: To znači da je odgovarajući element označen.
lažno: Označava da odgovarajući element nije označen.

Sintaksa (vrati provjereno svojstvo)

radioObject. provjereno

U gornjoj sintaksi, ' radioObject ' odnosi se na HTML ' ” element čiji je tip “radio”.

Upotrijebimo gore definirane sintakse kako bismo objasnili upotrebu svojstva HTML DOM Input Radio 'provjereno' uz pomoć danih praktičnih primjera.

Primjer 1: Primjena svojstva 'provjereno' ulaznog radija Korištenje osnovne sintakse

U prvom primjeru, gumb 'Radio' stvoren je za postavljanje svojstva 'provjereno' korištenjem definirane generalizirane sintakse.

HTML kôd

Prvo pogledajte navedeni HTML kod:

< stil tijela = 'text-align: center' >

< h2 > HTML DOM Input Radio Provjereno svojstvo h2 >

Boja : < vrsta unosa = 'radio' iskaznica = 'žuta boja' > Žuta boja < br >< br >

< gumb na klik = 'colorCheck()' > Ček 'žuta boja' dugme >

< gumb na klik = 'colorUncheck()' > Odznači 'žuta boja' dugme >

U gornjim linijama koda:

' ” definira odjeljak tijela koji je poravnat s “ centar ”.
'
” oznaka određuje prvi podnaslov.
' ” dodaje gumb “Radio” određivanjem vrste unosa “ radio ' s dodijeljenim ID-om ' žuta boja ”.
' ' dodaje jednostavan gumb povezan s ' na klik ” za izvršenje “ Provjera boje() ” funkcija kojoj će se pristupiti pritiskom na gumb.
Slično, još jedan “ ” stvara gumb za pozivanje colorUncheck() ” nakon klika na gumb.

JavaScript kod

Zatim slijedite navedeni JavaScript kôd:

< skripta >

funkcija colorCheck ( ) {

dokument. getElementById ( 'žuta boja' ) . provjereno = pravi ;

}

funkcija colorUncheck ( ) {

dokument. getElementById ( 'žuta boja' ) . provjereno = lažno ;

}

skripta >

U gornjem isječku koda:

Prva funkcija “ Provjera boje() ' koristi ' document.getElementById() ' za dohvaćanje radio gumba, povežite ' provjereno ” i postavite njegovu vrijednost na „true”.
S druge strane, funkcija “ colorUncheck() ” postavlja vrijednost za “ provjereno ” na “false” u odnosu na radio gumb kojem se pristupa.

Izlaz

Kao što se vidi, izlaz provjerava gumb “Radio” nakon klika na gumb (pod nazivom “Provjeri”) i poništava kvačicu” na kliku gumba (“Odznači”).

Primjer 2: Vraćanje 'provjerene' vrijednosti ulaznog radija

Ovaj primjer primjenjuje svojstvo Input Radio 'checked' za vraćanje stanja ciljanog gumba 'Radio' kao Booleovu vrijednost.

HTML kôd

Razmotrite sljedeći HTML kod:

< stil tijela = 'text-align: center' >

< h2 > HTML DOM Input Radio Provjereno svojstvo h2 >

Boja : < vrsta unosa = 'radio' provjereno = pravi iskaznica = 'žuta boja' > Žuta boja < br >< br >

< gumb na klik = 'colorCheck()' > Ček 'žuta boja' dugme >

< p id = 'uzorak' >< str >

U gornjem bloku koda, ' Radio ' kreiran je gumb i status ' provjereno ” svojstvo je postavljeno na “ pravi ”. Nakon toga se na sličan način poziva navedena funkcija preko priloženog “ na klik ” događaj s gumbom.

JavaScript kod

Sada razmotrite sljedeće retke koda:

< skripta >

funkcija colorCheck ( ) {

gdje = dokument. getElementById ( 'žuta boja' ) . defaultChecked ;

dokument. getElementById ( 'uzorak' ) . unutarnjiHTML = t ;

}

skripta >

U gornjem isječku koda:

Definirajte funkciju pod nazivom ' Provjera boje() ”.
U njegovoj definiciji primijenite ' document.getElementById() ” za pristup gumbu „Radio” pomoću njegovog ID-a „žuto” i pridružite „ defaultChecked ' za provjeru zadane vrijednosti ' provjereno ” atribut.
Na kraju primijenite ' document.getElementById() ” ponovo za dohvaćanje uključenog praznog odlomka i prikaz statusa svojstva “provjereno”.

Izlaz

Kao što je analizirano, ishod vraća status danog gumba 'Radio', tj. ' pravi ” nakon klika na gumb.

Zaključak

U JavaScriptu, HTML DOM Input Radio svojstvo “checked” je korisno za postavljanje i vraćanje provjerenog statusa gumba “Radio”. Postavljena sintaksa svojstva 'provjereno' radi na dvije vrijednosti ' pravi ' i ' lažno ”. S druge strane, njegova povratna sintaksa ne zahtijeva nikakav parametar. Ovaj je članak pokazao cilj, funkcionalnost i upotrebu svojstva 'provjereno' HTML DOM Input Radio u JavaScriptu.

Što je HTML DOM Input Radio provjereno svojstvo u JavaScriptu