Tento článok demonštruje účel, funkčnosť a použitie vlastnosti HTML DOM Input Radio „checked“ v JavaScripte.
Čo je vlastnosť „kontrolovaná“ vlastnosť HTML DOM Input Radio v JavaScripte?
Vlastnosť Input Radio „checked“ funguje na formulároch HTML a vstupných poliach na nastavenie a kontrolu stavu tlačidla „Radio“.
Syntax (Nastaviť skontrolovanú vlastnosť)
rádioObjekt. skontrolované = pravda | falošnýPodľa definovanej návratovej syntaxe vlastnosť „checked“ podporuje dva parametre, ktoré sú uvedené nižšie:
- pravda: Znamená to, že príslušný prvok je skontrolovaný.
- nepravda: Označuje, že príslušný prvok nie je začiarknutý.
Syntax (vrátenie skontrolovaného vlastníctva)
rádioObjekt. skontrolované Vo vyššie uvedenej syntaxi je „ rádioObjekt “ odkazuje na HTML “
Využime vyššie definované syntaxe na vysvetlenie použitia vlastnosti HTML DOM Input Radio „checked“ pomocou uvedených praktických príkladov.
Príklad 1: Použitie vlastnosti Input Radio „checked“. Použitie základnej syntaxe
V prvom príklade je vytvorené tlačidlo „Rádio“ na nastavenie vlastnosti „checked“ pomocou definovanej zovšeobecnenej syntaxe.
HTML kód
Najprv sa pozrite na uvedený HTML kód:
< štýl tela = 'zarovnanie textu: na stred' >
< h2 > HTML Vlastnosť skontrolovaná rádiovým vstupom DOM h2 >
Farba : < typ vstupu = 'rádio' id = 'žltá' > žltá < br < br >
< tlačidlo onclick = 'colorCheck()' > Skontrolujte 'žltá' tlačidlo >
< tlačidlo onclick = 'colorUncheck()' > Zrušte začiarknutie 'žltá' tlačidlo >
Vo vyššie uvedených riadkoch kódu:
- ' Značka ” definuje časť tela, ktorá je zarovnaná so značkou “ stred “.
- ' Značka ” určuje prvý podnadpis.
- '
Tag pridá tlačidlo „Rádio“ zadaním typu vstupu „ rádio “s prideleným ID” žltá “. - '
Značka ” pridáva jednoduché tlačidlo spojené s “ po kliknutí ” udalosť na vykonanie “ colorCheck() “, ku ktorej sa dostanete po kliknutí na tlačidlo. - Podobne ďalší „
Značka ” vytvorí tlačidlo na vyvolanie funkcie farbaZrušiť začiarknutie() “ po kliknutí na tlačidlo.
JavaScript kód
Ďalej postupujte podľa daného kódu JavaScript:
< skript >funkcia colorCheck ( ) {
dokument. getElementById ( 'žltá' ) . skontrolované = pravda ;
}
farba funkcieZrušte začiarknutie ( ) {
dokument. getElementById ( 'žltá' ) . skontrolované = falošný ;
}
skript >
Vo vyššie uvedenom útržku kódu:
- Prvá funkcia ' colorCheck() “ využíva „ document.getElementById() ” na získanie prepínača, priraďte “ skontrolované ” a nastavte jej hodnotu na “true”.
- Na druhej strane funkcia „ farbaZrušiť začiarknutie() “ nastavuje hodnotu „ skontrolované ” na hodnotu false oproti prepínaciemu tlačidlu, ku ktorému sa pristupuje.
Výkon
Ako je vidieť, výstup skontroluje tlačidlo „Rádio“ po kliknutí na tlačidlo (s názvom „Skontrolovať“) a zruší začiarknutie“ pri kliknutí na tlačidlo („Zrušiť začiarknutie“).
Príklad 2: Vrátenie hodnoty „checked“ pre vstup rádia
Tento príklad použije vlastnosť Input Radio „checked“ na vrátenie stavu cieľového tlačidla „Radio“ ako boolovskú hodnotu.
HTML kód
Zvážte nasledujúci HTML kód:
< štýl tela = 'zarovnanie textu: na stred' >< h2 > HTML Vlastnosť skontrolovaná rádiovým vstupom DOM h2 >
Farba : < typ vstupu = 'rádio' skontrolované = pravda id = 'žltá' > žltá < br < br >
< tlačidlo onclick = 'colorCheck()' > Skontrolujte 'žltá' tlačidlo >
< p id = 'vzorka' < p >
Vo vyššie uvedenom bloku kódu je „ Rádio Vytvorí sa tlačidlo ” a stav tlačidla “ skontrolované “vlastnosť je nastavená na “ pravda “. Potom sa podobne vyvolá uvedená funkcia prostredníctvom pripojeného „ po kliknutí ” udalosť pomocou tlačidla.
JavaScript kód
Teraz zvážte nasledujúce riadky kódu:
< skript >funkcia colorCheck ( ) {
kde = dokument. getElementById ( 'žltá' ) . defaultSkontrolované ;
dokument. getElementById ( 'vzorka' ) . innerHTML = t ;
}
skript >
Vo vyššie uvedenom útržku kódu:
- Definujte funkciu s názvom „ colorCheck() “.
- Vo svojej definícii použite „ document.getElementById() “ na prístup k tlačidlu „Rádio“ pomocou jeho ID „žltá“ a priradenie „ defaultSkontrolované ” vlastnosť na kontrolu predvolenej hodnoty “ skontrolované “.
- Nakoniec použite „ document.getElementById() ” znovu načítať zahrnutý prázdny odsek a zobraziť stav vlastnosti „checked“.
.
Výkon
Podľa analýzy výsledok vráti stav daného tlačidla „Rádio“, tj „ pravda “ po kliknutí na tlačidlo.
Záver
V JavaScripte je vlastnosť HTML DOM Input Radio „checked“ užitočná na nastavenie a vrátenie kontrolovaného stavu tlačidla „Radio“. Nastavená syntax vlastnosti „checked“ funguje na dvoch hodnotách „ pravda “ a „ falošný “. Na druhej strane jeho návratová syntax nevyžaduje žiadny parameter. Tento článok demonštroval cieľ, funkčnosť a použitie vlastnosti HTML DOM Input Radio „checked“ v JavaScripte.