Šiame straipsnyje bus parodyti visų žymimųjų laukelių, naudojant „JavaScript“, žymėjimo ir atžymėjimo būdai.
Kaip pažymėti visus žymimuosius langelius ir panaikinti jų žymėjimą naudojant „JavaScript“?
Jei norite pažymėti visus „JavaScript“ žymimuosius laukelius ir panaikinti jų žymėjimą, galite taikyti:
- “ document.getElementsByName “ metodas su žymimaisiais langeliais
- “ document.getElementsByName “ metodas su mygtukais
Minėti metodai dabar bus aptariami po vieną!
1 būdas: pažymėkite visus „JavaScript“ žymimuosius laukelius ir atžymėkite juos naudodami „document.getElementsByName()“ metodą su žymimaisiais laukeliais
„ document.getElementsByName() “ metodas savo argumentuose grąžina elementus nurodytu pavadinimu. Šis metodas bus taikomas norint gauti kiekvieno žymės langelio vertę, naudojant perduotą pavadinimą.
Pažiūrėkime toliau pateiktą pavyzdį.
Pavyzdys
Pirma, įvesties tipas bus nurodytas kaip ' žymimasis langelis “ ir kiekvienam žymimajam laukeliui bus priskirtas konkretus pavadinimas ir reikšmė:
< įvesties tipas = 'žymimasis langelis' vardas = 'tiesiog' vertė = 'Python' > Python < br />< įvesties tipas = 'žymimasis langelis' vardas = 'tiesiog' vertė = 'Java' > Java < br />
< įvesties tipas = 'žymimasis langelis' vardas = 'tiesiog' vertė = 'JavaScript' > JavaScript < br />
Dabar įtraukite papildomą žymimąjį laukelį su reikšme ' Viską Patikrink “ ir pridėkite „ paspaudus() “ įvykis su šiuo žymimuoju laukeliu, kuris veiks taip, kai bus spustelėtas žymimasis laukelis, „ patikrinti Nepažymėta ()“ metodas bus iškviestas su objektu „ tai “ kaip argumentą:
< įvesties tipas = 'žymimasis langelis' paspaudus = 'checkUncheck(this)' /> Viską Patikrink < br />
Po to apibrėžkite funkciją pavadinimu ' checkUncheck () ' JavaScript faile su kintamuoju pavadinimu ' žymimasis langelis “ kaip argumentą. Dabar pasiekite žymės langelio reikšmes naudodami „ document.getElementsByName() “ metodą ir įdėkite „ vardas “ atributas kaip argumentas.
Galiausiai pritaikykite „ dėl “ kilpa, kad būtų kartojama išilgai visų žymimojo laukelio reikšmių ir naudojama „ patikrinta “ ypatybę, kad pažymėtumėte juos kaip pažymėtus:
funkcijos patikrinimas Panaikinkite žymėjimą ( žymimasis langelis ) {gauti = dokumentas. getElementsByName ( 'tiesiog' ) ;
dėl ( buvo = 0 ; i < gauti. ilgio ; i ++ ) {
gauti [ i ] . patikrinta = žymimasis langelis. patikrinta ; }
}
Kaip matote, kai „ Viską Patikrink “ yra pažymėtas, visi kiti žymimieji laukeliai taip pat pažymėti kaip pažymėti:
2 būdas: pažymėkite visus „JavaScript“ žymimuosius laukelius ir atžymėkite juos naudodami „document.getElementsByName()“ metodą su „mygtukais“
„ document.getElementsByName() “ metodas, kaip aptarta ankstesniame metode, savo argumentuose paima elementus nurodytu pavadinimu. Jis gali būti naudojamas norint pažymėti arba panaikinti visus pridėtus žymimuosius langelius tinklalapyje.
Norėdami parodyti, žiūrėkite toliau pateiktą pavyzdį.
Pavyzdys
Dabar įtrauksime du mygtukus abiem „ Tikrina viską “ ir „ Atžymėk visus “ funkcionalumas. Tada pridėkite „ paspaudus “ įvykis su abiem mygtukais, kurie atskirai pasieks nurodytas funkcijas:
< įvesties tipas = 'mygtukas' paspaudus = 'patikrinti()' vertė = 'Patikrina viską' />< įvesties tipas = 'mygtukas' paspaudus = 'atžymėti()' vertė = „Panaikina visų žymes“ />
Tada apibrėžkite funkciją pavadinimu ' patikrinti() “ ir pritaikykite „ document.getElementsByName ' metodas su nurodyta ' reikšme vardas “ atributas. Tada pakartokite „ dėl “ kilpa palei visas žymimųjų laukelių reikšmes, aptartas ankstesniame metode.
Be to, spustelėjus susietą mygtuką, „ patikrinta “ ypatybė pažymės visus žymimuosius laukelius ir nustatys pažymėtą būseną kaip „ tiesa “:
funkcijų patikrinimas ( ) {būk ožka = dokumentas. getElementsByName ( 'patikrinti' ) ;
dėl ( buvo = 0 ; i < gauti. ilgio ; i ++ ) {
gauti [ i ] . patikrinta = tiesa ; }
}
Tada apibrėžkite funkciją pavadinimu ' panaikinti žymėjimą () “ ir pridėkite jame atvirkštinę funkciją, kad pažymėtumėte pažymėto laukelio ypatybę kaip „ klaidinga “:
funkcija panaikinti žymėjimą ( ) {būk ožka = dokumentas. getElementsByName ( 'patikrinti' ) ;
dėl ( buvo = 0 ; i < gauti. ilgio ; i ++ ) {
gauti [ i ] . patikrinta = klaidinga ; }
}
Išvestyje matosi, kad pridėti mygtukai veikia puikiai:
Pateikėme paprasčiausius būdus, kaip patikrinti ir atžymėti visus žymimuosius laukelius naudojant „JavaScript“.
Išvada
Jei norite pažymėti ir atžymėti visus žymimuosius laukelius naudodami „JavaScript“, naudokite „ document.getElementsByName() “ metodas su “ Žymės langeliai “, kad pridėtumėte žymimąjį laukelį ir pasiektumėte funkciją, dėl kurios žymimieji laukeliai bus pažymėti arba pritaikykite tą patį metodą su „ Mygtukai “ norėdami įtraukti du mygtukus, skirtus visoms nurodytoms reikšmėms patikrinti ir panaikinti. Šiame rašte paaiškinta, kaip patikrinti ir panaikinti visų žymimųjų laukelių, naudojant JavaScript, būdus.