See artikkel tutvustab meetodeid kõigi märkeruutude märkimiseks ja eemaldamiseks JavaScripti abil.
Kuidas JavaScripti abil kõiki märkeruutusid märkida ja nendest tühjendada?
JavaScriptis kõigi märkeruutude märkimiseks ja nende tühjendamiseks võite rakendada:
- “ document.getElementsByName ” meetodit märkeruutudega
- “ document.getElementsByName ” meetod nuppudega
Mainitud lähenemisi käsitletakse nüüd ükshaaval!
1. meetod: märkige JavaScriptis kõik märkeruudud ja tühjendage need, kasutades meetodit 'document.getElementsByName()' koos märkeruutudega
' document.getElementsByName() ” meetod tagastab oma argumentides määratud nimega elemendid. Seda meetodit rakendatakse iga märkeruudu väärtuse toomiseks edastatud nime abil.
Vaatame demonstreerimiseks läbi järgmise näite.
Näide
Esiteks määratakse sisendi tüüp järgmiselt märkeruut ” ning igale märkeruudule määratakse konkreetne nimi ja väärtus:
< sisendi tüüp = 'märkeruut' nimi = 'lihtsalt' väärtus = 'Python' > Python < br />< sisendi tüüp = 'märkeruut' nimi = 'lihtsalt' väärtus = 'Java' > Java < br />
< sisendi tüüp = 'märkeruut' nimi = 'lihtsalt' väärtus = 'JavaScript' > JavaScript < br />
Nüüd lisage täiendav märkeruut väärtusega ' Märkige kõik ' ja lisage ' onclick() ” sündmus selle märkeruuduga, mis toimib nii, et märkeruudu klõpsamisel on „ märk Märkimata ()' meetod käivitatakse koos objektiga ' see ” argumendina:
< sisendi tüüp = 'märkeruut' onclick = 'checkUncheck(this)' /> Märkige kõik < br />
Pärast seda määrake funktsioon nimega ' checkUncheck() ' JavaScripti failis muutujaga ' märkeruut ” argumendina. Nüüd pääsete märkeruutude väärtustele juurde, kasutades ' document.getElementsByName() ' meetod ja asetage '' väärtus nimi ” atribuut argumendiks.
Lõpuks rakendage ' jaoks ' tsükkel, et korrata mööda kõiki märkeruutude väärtusi ja kasutada ' kontrollitud ” atribuut, et märkida need kõik märgituks:
funktsiooni kontroll Tühjendage märge ( märkeruut ) {saada = dokument. getElementsByName ( 'lihtsalt' ) ;
jaoks ( oli sees = 0 ; i < saada. pikkus ; i ++ ) {
saada [ i ] . kontrollitud = märkeruut. kontrollitud ; }
}
Nagu näete, kui ' Märkige kõik ” märkeruut on märgitud, on märgitud ka kõik teised märkeruudud:
2. meetod: märkige JavaScriptis kõik märkeruudud ja tühjendage need, kasutades meetodit 'document.getElementsByName()' koos nuppudega
' document.getElementsByName() ” meetod, nagu eelmises meetodis käsitletud, hangib oma argumentides määratud nimega elemendid. Seda saab kasutada kõigi veebilehel lisatud märkeruutude märkimiseks või nende märke tühistamiseks.
Vaadake demonstreerimiseks järgmist näidet.
Näide
Nüüd lisame kaks nuppu mõlema ' Kontrollib kõiki ” ja „ Tühjendage märkeruut Kõik ” funktsioonid. Seejärel lisage ' onclick ” sündmus mõlema nupuga, mis pääseb määratud funktsioonidele eraldi juurde:
< sisendi tüüp = 'nupp' onclick = 'Kontrollima()' väärtus = 'Kontrollib kõik' />< sisendi tüüp = 'nupp' onclick = 'uncheck()' väärtus = 'Tühjendab kõik märgid' />
Järgmisena määrake funktsioon nimega ' Kontrollima() ” ja rakenda „ document.getElementsByName ' meetod ' määratud väärtusega nimi ” atribuut. Seejärel korrake ' jaoks ” silmus mööda kõiki eelmises meetodis käsitletud märkeruutude väärtusi.
Veelgi enam, kui klõpsate seotud nuppu, kuvatakse „ kontrollitud atribuut ” märgib kõik märkeruudud ja seab märgitud olekuks „ tõsi ”:
funktsiooni kontroll ( ) {olla kits = dokument. getElementsByName ( 'Kontrollima' ) ;
jaoks ( oli sees = 0 ; i < saada. pikkus ; i ++ ) {
saada [ i ] . kontrollitud = tõsi ; }
}
Järgmisena määrake funktsioon nimega ' tühjenda linnuke () ” ja lisage sellele vastupidine funktsioon, et märkida märgitud kasti atribuut kui „ vale ”:
funktsioon tühjendage märge ( ) {olla kits = dokument. getElementsByName ( 'Kontrollima' ) ;
jaoks ( oli sees = 0 ; i < saada. pikkus ; i ++ ) {
saada [ i ] . kontrollitud = vale ; }
}
Väljundis on näha, et lisatud nupud töötavad ideaalselt:
Oleme pakkunud lihtsaimad meetodid kõigi märkeruutude märkimiseks ja nende tühjendamiseks JavaScripti abil.
Järeldus
Kõigi märkeruutude märkimiseks ja eemaldamiseks JavaScripti kasutades kasutage ' document.getElementsByName() ' meetod koos ' Märkeruudud ', et lisada märkeruutu ja pääseda juurde funktsioonile, mille tulemusel märgitakse märkeruudud või rakendatakse sama meetodit ' Nupud ”, et lisada kaks nuppu eraldi kõigi määratud väärtuste kontrollimiseks ja eemaldamiseks. See kirjutis selgitas meetodeid kõigi märkeruutude kontrollimiseks ja eemaldamiseks JavaScripti abil.