Acest articol demonstrează scopul, funcționalitatea și utilizarea proprietății HTML DOM Input Radio „verificat” în JavaScript.
Ce este proprietatea HTML DOM Input Radio „verificată” în JavaScript?
Proprietatea Input Radio „verificat” funcționează pe formularele HTML și câmpurile de introducere pentru a seta și a verifica starea butonului „Radio”.
Sintaxă (Set Checked Property)
radioObject. verificat = Adevărat | falsÎn conformitate cu sintaxa de returnare definită, proprietatea „verificată” acceptă doi parametri care sunt enumerați mai jos:
- Adevărat: Reprezintă că elementul corespunzător este verificat.
- fals: Indică faptul că elementul corespunzător este nebifat.
Sintaxă (Return Checked Property)
radioObject. verificatÎn sintaxa de mai sus, „ radioObject ' se referă la HTML ' ” element al cărui tip este „radio”.
Să folosim sintaxele definite mai sus pentru a explica utilizarea proprietății „verificate” HTML DOM Input Radio cu ajutorul exemplelor practice date.
Exemplul 1: Aplicarea proprietății „verificate” pentru radio de intrare Folosind Sintaxa de bază
În primul exemplu, butonul „Radio” este creat pentru a-și seta proprietatea „verificată” folosind sintaxa generalizată definită.
Cod HTML
În primul rând, uitați-vă la codul HTML menționat:
< stilul corpului = „text-align: center” >
< h2 > HTML Proprietatea verificată radio de intrare DOM h2 >
Culoare : < tip de introducere = 'radio' id = 'galben' > Galben < br >< br >
< butonul la clic = „colorCheck()” > Verifica 'galben' buton >
< butonul la clic = „colorUncheck()” > Debifați 'galben' buton >
În liniile de cod de mai sus:
- „
Eticheta „ definește secțiunea corpului care este aliniată la „ centru ”. - „ ” eticheta specifică primul subtitlu.
- „ ” eticheta adaugă un buton „Radio” prin specificarea tipului de intrare „ radio ” cu un ID atribuit ” galben ”.
- „
Eticheta ” adaugă un buton simplu asociat cu un ” onclick ” eveniment pentru a executa “ colorCheck() ”funcție care va fi accesată la clic pe butonul. - În mod similar, un alt „
Eticheta ” creează un buton pentru a invoca “ culoareDebifați() ” la clic pe butonul.
Cod JavaScript
Apoi, urmați codul JavaScript dat:
< scenariu >funcția colorCheck ( ) {
document. getElementById ( 'galben' ) . verificat = Adevărat ;
}
funcția colorUncheck ( ) {
document. getElementById ( 'galben' ) . verificat = fals ;
}
scenariu >
În fragmentul de cod de mai sus:
- Prima funcție „ colorCheck() „ folosește „ document.getElementById() ” pentru a prelua butonul radio, asociați „ verificat ” și setați valoarea acesteia la „adevărat”.
- Pe de altă parte, funcția „ culoareDebifați() ” setează valoarea „ verificat ” la „false” față de butonul radio accesat.
Ieșire
După cum s-a văzut, rezultatul verifică butonul „Radio” după clic pe butonul (numit „Verifică”) și debifează” la clic pe butonul („Debifează”).
Exemplul 2: Returnarea valorii „verificate” a radioului de intrare
Acest exemplu aplică proprietatea Input Radio „verificat” pentru a returna starea butonului „Radio” vizat ca valoare booleană.
Cod HTML
Luați în considerare următorul cod HTML:
< stilul corpului = „text-align: center” >< h2 > HTML Proprietatea verificată radio de intrare DOM h2 >
Culoare : < tip de introducere = 'radio' verificat = Adevărat id = 'galben' > Galben < br >< br >
< butonul la clic = „colorCheck()” > Verifica 'galben' buton >
< p id = 'probă' >< p >
În blocul de cod de mai sus, „ Radio butonul ” este creat și starea “ verificat „proprietatea este setată la „ Adevărat ”. După aceea, în mod similar, funcția declarată este invocată prin intermediul „ onclick ” eveniment cu butonul.
Cod JavaScript
Acum, luați în considerare următoarele linii de cod:
< scenariu >funcția colorCheck ( ) {
Unde = document. getElementById ( 'galben' ) . defaultVerificat ;
document. getElementById ( 'probă' ) . innerHTML = t ;
}
scenariu >
În fragmentul de cod de mai sus:
- Definiți o funcție numită „ colorCheck() ”.
- În definiția sa, aplicați „ document.getElementById() ” pentru a accesa butonul „Radio” folosind id-ul său „galben” și asocierea „ defaultVerificat ” pentru a verifica valoarea implicită a ” verificat ” atribut.
- În cele din urmă, aplicați „ document.getElementById() ” pentru a prelua din nou paragraful gol inclus și pentru a afișa starea proprietății „verificate”.
.
Ieșire
După cum sa analizat, rezultatul returnează starea butonului „Radio” dat, adică „ Adevărat ” la clic pe butonul.
Concluzie
În JavaScript, proprietatea HTML DOM Input Radio „verificat” este utilă pentru a seta și a returna starea verificată a butonului „Radio”. Sintaxa setată a proprietății „verificate” funcționează pe două valori „ Adevărat ' și ' fals ”. Pe de altă parte, sintaxa sa de returnare nu necesită niciun parametru. Acest articol a demonstrat obiectivul, funcționalitatea și utilizarea proprietății HTML DOM Input Radio „verificat” în JavaScript.