Hvordan sjekke og fjerne merket for alle avmerkingsbokser ved hjelp av JavaScript

Det kan være en situasjon der alle avkrysningsruter må sjekkes eller ikke merket i tilfelle av spørreskjema eller quiz. For eksempel er det påkrevd å gjøre flere valg fra en spesifikk vareliste eller ikke gjøre noe valg i det hele tatt, eller når du må velge eller tømme de valgte alternativene i en form på en gang. I slike tilfeller blir det veldig nyttig å sjekke og fjerne merket for alle avmerkingsbokser ved hjelp av JavaScript.

Denne artikkelen vil demonstrere metodene for å sjekke og fjerne merket for alle avmerkingsbokser ved hjelp av JavaScript.

Hvordan sjekke og fjerne merket for alle avmerkingsbokser ved hjelp av JavaScript?

For å sjekke og fjerne merket for alle avmerkingsbokser i JavaScript, kan du søke:

• “dokument.GetElements ByName”Metode med avmerkingsbokser
• “dokument.GetElements ByName”Metode med knapper

De nevnte tilnærmingene vil nå bli diskutert en etter en!

Metode 1: Kontroller og fjerner merket for alle avmerkingsbokser i JavaScript ved å bruke “Dokument.getElementsByName () ”-metode med“ avmerkingsbokser ”

“dokument.getElementsByName ()”Metode returnerer elementene med det spesifiserte navnet i sine argumenter. Denne metoden vil bli brukt for å hente verdien av hver avkrysningsrute ved hjelp av det passerte navnet.

La oss gå gjennom følgende eksempel for demonstrasjon.

Eksempel

Først vil inngangstypen bli spesifisert som "avkrysningsrute”Og et spesifikt navn og verdi vil bli tildelt mot hver avkrysningsrute:

Python

Java

JavaScript

Inkluderer nå en ekstra avkrysningsrute med verdien "Sjekk alt”Og vedlegg en“ved trykk()”Hendelse med denne avkrysningsruten som vil fungere på en slik måte når avkrysningsruten vil bli klikket,“Checkunchecked() ”Metode vil bli påkalt med objektet“dette”Som et argument:

Sjekk alt

Etter det, definer en funksjon som heter “Checkuncheck ()”I JavaScript -filen, med en variabel som heter“avkrysningsrute”Som et argument. Nå får du tilgang til avkrysningsruten verdier ved å bruke "dokument.getElementsByName ()”Metode og plasser verdien av“Navn”Attributt som argument.

Til slutt, bruk en "til”Loop for å iterere langs alle avmerkingsboksverdiene og bruke“krysset av”Eiendom for å markere dem alle som sjekket:

funksjon checkuncheck (avkrysningsrute)
Få = dokument.getElementsByName ('Lang');
for (var i = 0; iFå [i].Sjekket = avkrysningsrute.krysset av;

Som du kan se, når "Sjekk alt”Avkrysningsruten er merket, alle de andre avkrysningsrutene er også merket som merket:

Metode 2: Kontroller og fjerner merket for alle avmerkingsbokser i JavaScript ved å bruke “Dokument.getElementsByName () ”-metode med“ knapper ”

“dokument.getElementsByName ()”Metode, som diskutert i forrige metode, henter elementene med det spesifiserte navnet i sine argumenter. Det kan brukes til å sjekke eller fjerne merket for alle de ekstra avmerkingsboksene på en webside.

Se på følgende eksempel for demonstrasjon.

Eksempel

Nå vil vi inkludere to knapper for begge “Sjekker alle”Og“Fjern merket for alle”Funksjoner. Deretter, fest en “ved trykk”Hendelse med begge knappene som vil få tilgang til de spesifiserte funksjonene separat:

Deretter definerer du en funksjon som heter “Sjekk()”Og bruk“dokument.GetElements ByName”Metode med den spesifiserte verdien av“Navn" Egenskap. Itererer deretter "til”Løkke langs alle avmerkingsboksverdiene som er omtalt i forrige metode.

Videre, når den tilhørende knappen er klikket, "krysset av”Eiendom vil markere alle avkrysningsrutene og sette den avkjørte tilstanden som“ekte”:

funksjonskontroll ()
var get = dokument.getElementsByName ('sjekk');
for (var i = 0; iFå [i].sjekket = sant;

Deretter definerer du en funksjon som heter “Fjern merket ()”, Og legg til den omvendte funksjonaliteten i den for å markere den avskjærte boksen som“falsk”:

funksjon av sjekk ()
var get = dokument.getElementsByName ('sjekk');
for (var i = 0; iFå [i].sjekket = falsk;

Det kan se i utgangen at de ekstra knappene fungerer perfekt:

Vi har gitt de enkleste metodene for å sjekke og fjerne merket for alle avmerkingsbokser ved hjelp av JavaScript.

Konklusjon

For å sjekke og fjerne merket for alle avmerkingsboksene ved hjelp av JavaScript, bruk "dokument.getElementsByName ()”Metode med“Avkrysningsruter”For å legge til en avkrysningsrute og få tilgang til funksjonen, noe som vil føre til at avmerkingsboksene er merket av eller anvendte den samme metoden med“Knapper”For å inkludere to knapper separat for å sjekke og fjerne merket for alle de spesifiserte verdiene. Denne oppskrivningen forklarte metodene for å sjekke og fjerne merket for alle avmerkingsboksene ved hjelp av JavaScript.