Ez a cikk bemutatja az összes jelölőnégyzet bejelölésének és törlésének módszereit JavaScript használatával.
Hogyan lehet bejelölni és törölni az összes jelölőnégyzetet JavaScript használatával?
Az összes jelölőnégyzet bejelöléséhez és a bejelölések törléséhez a JavaScriptben alkalmazza a következőket:
- ' document.getElementsByName ” módszer a Checkboxokkal
- ' document.getElementsByName ” módszer a Gombokkal
Az említett megközelítéseket most egyenként tárgyaljuk!
1. módszer: Jelölje be és törölje az összes jelölőnégyzetet a JavaScriptben a „document.getElementsByName()” módszerrel a „Checkboxes” használatával
Az ' document.getElementsByName() ” metódus az argumentumokban megadott nevű elemeket adja vissza. Ezt a módszert alkalmazzuk az egyes jelölőnégyzetek értékének lekérésére az átadott név segítségével.
Nézzük át a következő példát a szemléltetés céljából.
Példa
Először a bemeneti típust a következőképpen kell megadni jelölőnégyzetet ” és minden jelölőnégyzethez egy adott név és érték lesz hozzárendelve:
< bemeneti típus = 'jelölőnégyzet' név = 'éppen' érték = 'Piton' > Piton < br />< bemeneti típus = 'jelölőnégyzet' név = 'éppen' érték = 'Jáva' > Jáva < br />
< bemeneti típus = 'jelölőnégyzet' név = 'éppen' érték = 'JavaScript' > JavaScript < br />
Most adjon meg egy további jelölőnégyzetet a ' Ellenőrizni mind ' és csatoljon egy ' kattintásra() ” esemény ezzel a jelölőnégyzettel, amely úgy fog működni, amikor a jelölőnégyzetre kattintunk, a „ check Nincs bejelölve ()' metódus kerül meghívásra a ' objektummal ez ” érvként:
< bemeneti típus = 'jelölőnégyzet' kattintásra = 'checkUncheck(this)' /> Ellenőrizni mind < br />
Ezután definiáljon egy '' nevű függvényt checkUncheck() ' a JavaScript fájlban, egy ' nevű változóval jelölőnégyzetet ” érvként. Most nyissa meg a jelölőnégyzet értékeit a „ document.getElementsByName() ' módszert, és helyezze el a ' név ” attribútumot érvként.
Végül alkalmazzon egy „ számára ' ciklus az összes jelölőnégyzet értékének végigjátszásához és a ' ellenőrizve ” tulajdonság, hogy mindegyiket bejelöltként jelölje meg:
funkció ellenőrzése Törölje a jelölést ( jelölőnégyzetet ) {kap = dokumentum. getElementsByName ( 'éppen' ) ;
számára ( benne volt = 0 ; én < kap. hossz ; én ++ ) {
kap [ én ] . ellenőrizve = jelölőnégyzetet. ellenőrizve ; }
}
Amint látja, amikor a „ Ellenőrizni mind ” jelölőnégyzet be van jelölve, az összes többi jelölőnégyzet is be van jelölve:
2. módszer: Jelölje be és törölje az összes jelölőnégyzetet a JavaScriptben a „document.getElementsByName()” módszerrel a „Buttons” használatával
Az ' document.getElementsByName() ” metódus, amint azt az előző metódusban tárgyaltuk, lekéri az argumentumokban megadott nevű elemeket. Használható az összes hozzáadott jelölőnégyzet bejelölésére vagy törlésére egy weboldalon.
Tekintse meg a következő példát a szemléltetés céljából.
Példa
Most két gombot fogunk tartalmazni mind a ' Mindent ellenőrzi ” és „ Minden választás törlése ” funkciókat. Ezután csatoljon egy ' kattintásra ” esemény mindkét gombbal, amely külön-külön éri el a megadott funkciókat:
< bemeneti típus = 'gomb' kattintásra = 'jelölje be()' érték = 'Mindent ellenőrzi' />< bemeneti típus = 'gomb' kattintásra = 'uncheck()' érték = 'Minden jelölés törlése' />
Ezután definiáljon egy '' nevű függvényt jelölje be() ” és alkalmazza a „ document.getElementsByName ' módszer a ' megadott értékével név ' tulajdonság. Ezután ismételje meg a „ számára ” ciklus az előző módszerben tárgyalt összes jelölőnégyzet-érték mentén.
Ezen túlmenően, ha a kapcsolódó gombra kattint, a „ ellenőrizve ” tulajdonság kijelöli az összes jelölőnégyzetet, és a bejelölt állapotot „ igaz ”:
funkció ellenőrzése ( ) {legyen kecske = dokumentum. getElementsByName ( 'jelölje be' ) ;
számára ( benne volt = 0 ; én < kap. hossz ; én ++ ) {
kap [ én ] . ellenőrizve = igaz ; }
}
Ezután definiáljon egy '' nevű függvényt uncheck() ”, és adja hozzá a fordított funkcionalitást, hogy a bejelölt négyzet tulajdonságot „ hamis ”:
függvény törlése ( ) {legyen kecske = dokumentum. getElementsByName ( 'jelölje be' ) ;
számára ( benne volt = 0 ; én < kap. hossz ; én ++ ) {
kap [ én ] . ellenőrizve = hamis ; }
}
A kimeneten látható, hogy a hozzáadott gombok tökéletesen működnek:
Megadtuk a legegyszerűbb módszereket az összes jelölőnégyzet bejelölésére és kijelölésének eltávolítására JavaScript használatával.
Következtetés
Az összes jelölőnégyzet bejelöléséhez és törléséhez JavaScript használatával használja a ' document.getElementsByName() ' módszer a ' Jelölőnégyzetek ' jelölőnégyzet hozzáadásához és a funkció eléréséhez, ami a jelölőnégyzetek bejelölését eredményezi, vagy ugyanazt a módszert alkalmazza a ' Gombok ” két gomb külön-külön történő elhelyezéséhez az összes megadott érték ellenőrzéséhez és kijelölésének törléséhez. Ez az írás ismerteti az összes jelölőnégyzet bejelölésének és törlésének módszereit a JavaScript használatával.