V tem zapisu bo opisan postopek za preverjanje in počistitev potrditvenega polja z uporabo JavaScripta.
Kako potrditi/počistiti potrditveno polje z uporabo JavaScripta?
Če želite označiti ali počistiti potrditvena polja v JavaScriptu, uporabite » preverjeno ” atribut. Najprej pridobite referenco elementa HTML ' potrditveno polje ' s pomočjo dodeljenega ' id ' uporabljati ' getElementById() ' in nato uporabite ' preverjeno ” lastnine na njeno vrednost.
1. primer: potrdite/počistite eno potrditveno polje
Najprej ustvarite datoteko HTML z naslednjimi vrsticami kode:
< h3 > Kliknite gumbe, da potrdite ali počistite potrditveno polje h3 >
< vrsta vnosa = 'potrditveno polje' id = 'potrditveno polje' > Strinjam se s pogoji < št >< št >
< vrsta gumba = 'gumb' onclick = 'preveri()' > ja gumb >
< vrsta gumba = 'gumb' onclick = 'odkljukaj()' > ne gumb >
V zgornji kodi:
- Ustvarite potrditveno polje z ID-jem ' potrditveno polje ', ki bo uporabljen za dostop do elementa ' potrditveno polje ” za izvajanje dejanj.
- Ustvari dva gumba, ' ja « in » ne «, da označite ali počistite potrditveno polje, ki bo sprožilo funkcijo » preveri () « in » počisti () ” oziroma na dogodek klika.
Po izvedbi zgornje kode bo rezultat takšen:
Nato definirajte funkcije za izvajanje dejanj na potrditvenem polju v datoteki JavaScript ali oznaki. Če želite potrditi potrditveno polje, uporabite spodnje vrstice kode:
funkcijo preverite ( ) {
pusti vnos = dokument. getElementById ( 'potrditveno polje' ) ;
vnos. preverjeno = prav ;
}
V zgornji kodi:
- Določite funkcijo ' preveri () «, ki bo sprožil klik gumba, da označite potrditveno polje.
- Znotraj telesa funkcije pridobite referenco potrditvenega polja z uporabo njegovega ID-ja ' potrditveno polje « s pomočjo » getElementById() ' in jo shranite v spremenljivko ' vnos ”.
- Označite potrditveno polje tako, da nastavite » preverjeno 'lastnina' prav ”.
Če želite počistiti potrditveno polje s klikom na » ne ” uporabite spodnjo kodo:
funkcijo odkljukajte ( ) {pusti vnos = dokument. getElementById ( 'potrditveno polje' ) ;
vnos. preverjeno = lažno ;
}
Zgornji delček kode:
- Določite funkcijo ' počisti () «, ki bo sprožil klik gumba, da počistite potrditveno polje.
- Znotraj telesa funkcije pridobite referenco potrditvenega polja z uporabo njegovega ID-ja ' potrditveno polje « s pomočjo » getElementById() ' in jo shranite v spremenljivko ' vnos ”.
- Počistite potrditveno polje tako, da nastavite » preverjeno 'lastnina' lažno ”.
Nazadnje definirajte funkcijo, da privzeto počistite potrditveno polje ob nalaganju strani z uporabo ' window.onload ” dogodek:
okno. onload = funkcijo ( ) {okno. addEventListener ( 'obremenitev' , preverite , lažno ) ;
}
Izhod
Izhod pomeni, da je potrditveno polje med klikanjem gumbov uspešno potrjeno in odkljukano.
Primer 2: Označite/počistite več potrditvenih polj
Oglejmo si primer, kako potrditi ali počistiti vsa potrditvena polja hkrati.
Najprej ustvarite datoteko HTML, nato pa ustvarite več potrditvenih polj in gumb z ID-jem ' preklop «, ki bo označil ali počistil potrditveno polje:
< h3 > Kliknite gumb, da potrdite ali počistite vsa potrditvena polja h3 >< vrsta vnosa = 'potrditveno polje' razred = 'potrditveno polje' > Označi ali počisti me < št >
< vrsta vnosa = 'potrditveno polje' razred = 'potrditveno polje' > Označi ali počisti me < št >
< vrsta vnosa = 'potrditveno polje' razred = 'potrditveno polje' > Označi ali počisti me < št >
< vrsta vnosa = 'potrditveno polje' razred = 'potrditveno polje' > Označi ali počisti me < št >
< vrsta vnosa = 'potrditveno polje' razred = 'potrditveno polje' > Označi ali počisti me < št >< št >
< vrsta vnosa = 'gumb' id = 'preklop' vrednost = 'Kliknite za preklop potrditvenih polj' >
Ustrezen rezultat bo:
Nato v datoteko JavaScript ali oznako