Ta članek bo prikazal metode za preverjanje in počistitev vseh potrditvenih polj z uporabo JavaScripta.
Kako potrditi in počistiti vsa potrditvena polja z uporabo JavaScripta?
Če želite označiti in počistiti vsa potrditvena polja v JavaScriptu, lahko uporabite:
O omenjenih pristopih bomo zdaj razpravljali enega za drugim!
1. način: potrdite in počistite vsa potrditvena polja v JavaScriptu z uporabo metode »document.getElementsByName()« s »potrditvenimi polji«
' document.getElementsByName() ” vrne elemente z navedenim imenom v svojih argumentih. Ta metoda bo uporabljena za pridobitev vrednosti vsakega potrditvenega polja s pomočjo posredovanega imena.
Za predstavitev si poglejmo naslednji primer.
Primer
Najprej bo vrsta vnosa navedena kot ' potrditveno polje « in vsakemu potrditvenemu polju bosta dodeljena določeno ime in vrednost:
< vrsta vnosa = 'potrditveno polje' ime = 'samo' vrednost = 'Python' > Python < št />< vrsta vnosa = 'potrditveno polje' ime = 'samo' vrednost = 'Java' > Java < št />
< vrsta vnosa = 'potrditveno polje' ime = 'samo' vrednost = 'JavaScript' > JavaScript < št />
Zdaj vključite dodatno potrditveno polje z vrednostjo ' Preveri vse « in priložite » onclick() ' dogodek s tem potrditvenim poljem, ki bo deloval na tak način, ko bo kliknjeno potrditveno polje, ' checkNepreverjeno ()' metoda bo priklicana z objektom ' to « kot argument:
< vrsta vnosa = 'potrditveno polje' onclick = 'checkOdznači(to)' /> Preveri vse < št />
Po tem definirajte funkcijo z imenom ' preveriOdznači() « v datoteki JavaScript s spremenljivko z imenom » potrditveno polje « kot argument. Zdaj dostopajte do vrednosti potrditvenega polja z uporabo ' document.getElementsByName() ' in postavite vrednost ' ime ” kot svoj argument.
Na koncu uporabite ' za ' zanko za ponavljanje vseh vrednosti potrditvenih polj in uporabo ' preverjeno ”, da jih vse označite kot označene:
funkcija preveriOdkljukaj ( potrditveno polje ) {dobiti = dokument. getElementsByName ( 'samo' ) ;
za ( je bilo v = 0 ; jaz < dobiti. dolžina ; jaz ++ ) {
dobiti [ jaz ] . preverjeno = potrditveno polje. preverjeno ; }
}
Kot lahko vidite, ko je » Preveri vse ” je označeno, vsa druga potrditvena polja so prav tako označena kot označena:
2. način: potrdite in počistite vsa potrditvena polja v JavaScriptu z uporabo metode »document.getElementsByName()« z »gumbi«
' document.getElementsByName() ” metoda, kot je razloženo v prejšnji metodi, pridobi elemente z navedenim imenom v svojih argumentih. Uporabite ga lahko za označevanje ali počistitev vseh dodanih potrditvenih polj na spletni strani.
Za predstavitev si oglejte naslednji primer.
Primer
Zdaj bomo vključili dva gumba za oba » Preveri vse « in » Odkljukajte vse ” funkcionalnosti. Nato priložite » onclick ” z obema gumboma, ki bosta ločeno dostopala do navedenih funkcij:
< vrsta vnosa = 'gumb' onclick = 'preveri()' vrednost = 'Preveri vse' />< vrsta vnosa = 'gumb' onclick = 'unCheck()' vrednost = 'Odkljuka vse' />
Nato definirajte funkcijo z imenom ' preveri () « in uporabite » document.getElementsByName ' z določeno vrednostjo ' ime ” atribut. Nato ponovite ' za ” zanke vzdolž vseh vrednosti potrditvenih polj, obravnavanih v prejšnji metodi.
Poleg tega se ob kliku povezanega gumba prikaže » preverjeno ' bo označila vsa potrditvena polja in nastavila označeno stanje na ' prav ”:
preverjanje delovanja ( ) {bodi koza = dokument. getElementsByName ( 'ček' ) ;
za ( je bilo v = 0 ; jaz < dobiti. dolžina ; jaz ++ ) {
dobiti [ jaz ] . preverjeno = prav ; }
}
Nato definirajte funkcijo z imenom ' odkljukaj() «, in mu dodajte obratno funkcijo, da označite lastnost potrjenega polja kot » lažno ”:
funkcijo unCheck ( ) {bodi koza = dokument. getElementsByName ( 'ček' ) ;
za ( je bilo v = 0 ; jaz < dobiti. dolžina ; jaz ++ ) {
dobiti [ jaz ] . preverjeno = lažno ; }
}
V izhodu lahko vidi, da dodani gumbi delujejo brezhibno:
Zagotovili smo najpreprostejše metode za preverjanje in počistitev vseh potrditvenih polj z uporabo JavaScripta.
Zaključek
Če želite potrditi in počistiti vsa potrditvena polja z uporabo JavaScripta, uporabite » document.getElementsByName() ' metoda z ' Potrditvena polja «, da dodate potrditveno polje in dostopate do funkcije, kar bo povzročilo, da bodo potrditvena polja potrjena, ali uporabite isto metodo z » Gumbi ”, da vključite dva ločena gumba za preverjanje in odznačevanje vseh navedenih vrednosti. V tem prispevku so razložene metode za preverjanje in počistitev vseh potrditvenih polj z uporabo JavaScripta.