So überprüfen und deaktivieren Sie alle Kontrollkästchen mit JavaScript

Es kann eine Situation geben, in der alle Kontrollkästchen im Fall eines Fragebogens oder Quiz überprüft oder deaktiviert werden müssen. Beispielsweise ist es erforderlich, mehrere Auswahlen aus einer bestimmten Elementliste zu treffen oder überhaupt keine Auswahl zu treffen oder wenn Sie die ausgewählten Optionen in einem Formular auswählen oder löschen müssen. In solchen Fällen wird das Überprüfen und Deaktivieren aller Kontrollkästchen mit JavaScript sehr praktisch und zeitsparend.

In diesem Artikel wird die Methoden zum Überprüfen und Deaktivieren aller Kontrollkästchen mit JavaScript demonstriert.

So überprüfen und deaktivieren Sie alle Kontrollkästchen mit JavaScript?

Um alle Kontrollkästchen in JavaScript zu überprüfen und zu deaktivieren, können Sie sich bewerben:

• “dokumentieren.GetElements BYNAMEMethode mit Kontrollkästchen
• “dokumentieren.GetElements BYNAMEMethode mit Tasten

Die genannten Ansätze werden nun nacheinander diskutiert!

Methode 1: Überprüfen und deaktivieren Sie alle Kontrollkästchen in JavaScript mit „Dokument“.GetElementsByName () "-Methode mit" Kontrollkästchen "

Der "dokumentieren.GetElementsByName ()Die Methode gibt die Elemente mit dem angegebenen Namen in ihren Argumenten zurück. Diese Methode wird angewendet, um den Wert jedes Kontrollkästchens mit Hilfe des übergebenen Namens abzurufen.

Lassen Sie uns das folgende Beispiel zur Demonstration durchgehen.

Beispiel

Zunächst wird der Eingangstyp als “angegeben“KontrollkästchenUnd ein bestimmter Name und Wert werden gegen jedes Kontrollkästchen zugewiesen:

Python

Java

JavaScript

Fügen Sie nun ein zusätzliches Kontrollkästchen mit dem Wert hinzu “Alle überprüfen"Und fügen Sie eine" an "Onclick ()Ereignis mit diesem Kontrollkästchen, das so funktioniert, wenn das Kontrollkästchen klickt, auf die “Checkchecked() “Methode wird mit dem Objekt aufgerufen“Das”Als Argument:

Alle überprüfen

Danach definieren Sie eine Funktion namens “checkincheck ()"In der JavaScript -Datei mit einer Variablen benannt"KontrollkästchenAls Argumentation. Greifen Sie nun mit der “auf die Kontrollkästchen -Werte zudokumentieren.GetElementsByName ()Methode und platzieren Sie den Wert der “Name”Attribut als Argument.

Schließlich wenden Sie eine “an“fürSchleife, um alle Kontrollkästchen -Werte zu iterieren und die “zu verwendenüberprüftEigenschaft, um sie alle wie überprüft zu markieren:

Funktionscheck (Kontrollkästchen)
Get = Dokument.GetElementsByname ('Lang');
für (var i = 0; ibekomme ich].geprüft = Kontrollkästchen.überprüft;

Wie Sie sehen können, wenn das “Alle überprüfenDas Kontrollkästchen wird gekennzeichnet, alle anderen Kontrollkästchen werden ebenfalls als geprüft markiert:

Methode 2: Überprüfen und deaktivieren Sie alle Kontrollkästchen in JavaScript mit „Dokument“.GetElementsByName () "-Methode mit" Schaltflächen "

Der "dokumentieren.GetElementsByName ()Die Methode, wie in der vorherigen Methode erläutert, holt die Elemente mit dem angegebenen Namen in seinen Argumenten ab. Es kann verwendet werden, um alle zusätzlichen Kontrollkästchen auf einer Webseite zu überprüfen oder zu deaktivieren.

Schauen Sie sich das folgende Beispiel zur Demonstration an.

Beispiel

Jetzt werden wir zwei Tasten für beide enthalten “Überprüft alle" Und "Alle deaktivierenFunktionen. Dann eine “anbringen“ONCLICKEreignis mit beiden Taste, die separat auf die angegebenen Funktionen zugreift:

Definieren Sie als nächstes eine Funktion namens “überprüfen()”Und wenden Sie die“ andokumentieren.GetElements BYNAMEMethode mit dem angegebenen Wert der “Name”Attribut. Dann iterieren Sie das "fürSchleifen Sie alle Kontrollkästchen -Werte entlang der vorherigen Methode ein.

Darüber hinaus, wenn auf die zugeordnete Schaltfläche klickt, die “überprüftDie Eigenschaft markiert alle Kontrollkästchen und setzen den geprüften Status als "WAHR”:

Funktionsprüfung()
var get = document.GetElementsByName ('Check');
für (var i = 0; ibekomme ich].geprüft = true;

Definieren Sie als nächstes eine Funktion namens “deaktivieren ()”, Und fügen Sie die umgekehrte Funktionalität hinzu, um die Eigenschaft überprüftes Kontrollkästchen als" zu markieren "FALSCH”:

Funktion onecock ()
var get = document.GetElementsByName ('Check');
für (var i = 0; ibekomme ich].geprüft = false;

Es kann in der Ausgabe angezeigt werden, dass die hinzugefügten Tasten perfekt funktionieren:

Wir haben die einfachsten Methoden zur Überprüfung und Deaktivierung aller Kontrollkästchen mit JavaScript bereitgestellt.

Abschluss

Verwenden Sie das Überprüfen und Deaktivieren aller Kontrollkästchen mit JavaScript. Verwenden Sie die “dokumentieren.GetElementsByName ()”Methode mit“Kontrollkästchen”Um ein Kontrollkästchen hinzuzufügen und auf die Funktion zuzugreifen, die dazu führt, dass die Kontrollkästchen überprüft werden, oder dieselbe Methode mit“ anwendenTasten”Um zwei Schaltflächen separat zum Überprüfen und Deaktivieren aller angegebenen Werte einzuschließen. In diesem Artikel wurde die Methoden zum Überprüfen und Unabteilungen aller Kontrollkästchen mit JavaScript erläutert.