Ez az írás leírja a jelölőnégyzet bejelölésének és kijelölésének törlését a JavaScript használatával.
Hogyan lehet bejelölni/eltávolítani a jelölőnégyzetet JavaScript használatával?
A jelölőnégyzetek bejelöléséhez vagy törléséhez a JavaScriptben használja a „ ellenőrizve ' tulajdonság. Először szerezze be a HTML elem hivatkozását ' jelölőnégyzetet ' a hozzárendelt ' id ' használni a ' getElementById() ” módszert, majd alkalmazza a „ ellenőrizve ” tulajdonát annak értékén.
1. példa: Jelölje be/törölje az Egyetlen jelölőnégyzetet
Először hozzon létre egy HTML-fájlt a következő kódsorokkal:
< h3 > Kattintson a gombokra a jelölőnégyzet bejelöléséhez vagy a jelölés törléséhez h3 >
< bemeneti típus = 'jelölőnégyzet' id = 'jelölőnégyzet' > Egyetért a feltételekkel < br >< br >
< gomb típusa = 'gomb' kattintásra = 'jelölje be()' > Igen gomb >
< gomb típusa = 'gomb' kattintásra = 'uncheck()' > Dehogy gomb >
A fenti kódban:
- Hozzon létre egy jelölőnégyzetet a következő azonosítóval: jelölőnégyzetet ', amely az elem eléréséhez lesz használva' jelölőnégyzetet ” műveletek végrehajtásához.
- Hozzon létre két gombot, ' Igen ” és „ Dehogy '' funkciót aktiváló jelölőnégyzet bejelöléséhez vagy törléséhez jelölje be() ” és „ törölje a jelölést () ”, illetve a kattintási eseményen.
A fenti kód végrehajtása után a kimenet a következő lesz:
Ezután határozza meg a JavaScript-fájlban vagy a címkében lévő jelölőnégyzeten végrehajtandó műveleteket. A jelölőnégyzet bejelöléséhez használja az alábbi kódsorokat:
funkció jelölje be ( ) {
engedje be a bevitelt = dokumentum. getElementById ( 'jelölőnégyzet' ) ;
bemenet. ellenőrizve = igaz ;
}
A fenti kódban:
- Határozzon meg egy függvényt ' jelölje be() ', amely elindítja a gombra kattintva a jelölőnégyzet bejelölését.
- A függvény törzsében szerezze be a jelölőnégyzet hivatkozását az azonosítójával ' jelölőnégyzetet ' segítségével a ' getElementById() ' módszert, és tárolja egy változóban' bemenet ”.
- Jelölje be a jelölőnégyzetet a „ ellenőrizve ' ingatlan ' igaz ”.
A jelölőnégyzet kijelölésének törléséhez kattintson a „ Dehogy ” gombot, használja az alábbi kódot:
funkció törölje a jelölést ( ) {engedje be a bevitelt = dokumentum. getElementById ( 'jelölőnégyzet' ) ;
bemenet. ellenőrizve = hamis ;
}
A fenti kódrészlet:
- Határozzon meg egy függvényt ' törölje a jelölést () ”, amely elindítja a gombra kattintva a jelölőnégyzet kijelölését.
- A függvény törzsében szerezze be a jelölőnégyzet hivatkozását az azonosítójával ' jelölőnégyzetet ' segítségével a ' getElementById() ' módszert, és tárolja egy változóban' bemenet ”.
- Törölje a jelölőnégyzet bejelölését a „ ellenőrizve ' ingatlan ' hamis ”.
Végül határozzon meg egy függvényt, amely alapértelmezés szerint törli a jelölőnégyzet bejelölését az oldal betöltésekor a „ window.onload ” esemény:
ablak. Feltöltés alatt = funkció ( ) {ablak. addEventListener ( 'Betöltés' , jelölje be , hamis ) ;
}
Kimenet
A kimenet azt jelenti, hogy a jelölőnégyzet be lett jelölve, és sikeresen törölve lett a gombokra kattintva.
2. példa: Több jelölőnégyzet bejelölése/kijelölésének törlése
Lássunk egy példát arra, hogyan lehet az összes jelölőnégyzetet egyszerre bejelölni vagy törölni.
Először hozzon létre egy HTML-fájlt, majd hozzon létre több jelölőnégyzetet és egy gombot az azonosítóval kapcsolót ', amely a jelölőnégyzet bejelölésével vagy törlésével kapcsolja be:
< h3 > Kattintson a gombra az összes jelölőnégyzet bejelöléséhez vagy a bejelölés törléséhez h3 >< bemeneti típus = 'jelölőnégyzet' osztály = 'jelölőnégyzet' > Jelölje be vagy törölje a pipát < br >
< bemeneti típus = 'jelölőnégyzet' osztály = 'jelölőnégyzet' > Jelölje be vagy törölje a pipát < br >
< bemeneti típus = 'jelölőnégyzet' osztály = 'jelölőnégyzet' > Jelölje be vagy törölje a pipát < br >
< bemeneti típus = 'jelölőnégyzet' osztály = 'jelölőnégyzet' > Jelölje be vagy törölje a pipát < br >
< bemeneti típus = 'jelölőnégyzet' osztály = 'jelölőnégyzet' > Jelölje be vagy törölje a pipát < br >< br >
< bemeneti típus = 'gomb' id = 'váltás' érték = 'Kattintson a jelölőnégyzetek váltásához' >
A megfelelő kimenet a következő lesz:
Ezt követően egy JavaScript fájlban vagy