Beispielcode für die Javascript-Operation „Alles auswählen/Alles abwählen“ in HTML

Code kopieren

Der Code lautet wie folgt:

<html>
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312" />
<title>Unbenanntes Dokument</title>
<script Typ="text/javascript" Sprache="javascript">
Funktion selectAllDels()
{
var allCheckBoxs = document.getElementsByName("preDelCheck");
var desc = document.getElementById("allChecked");
var selectOrUnselect=false;
für(var i = 0; i < alleCheckBoxen.Länge; i++)
{
wenn(alleCheckBoxen[i].checked){
auswählenOderAuswahl aufheben=true;
brechen;
}
}
if (AuswählenOderAuswahl aufheben)
{
_allUnchecked(alle Kontrollkästchen);
}anders
{
_allchecked(alle Kontrollkästchen);
}
}
Funktion _alleChecked(alleCheckBoxen){
für(var i = 0; i < alleCheckBoxen.Länge; i++)
{
alleCheckBoxen[i].checked = true;
}
}
Funktion _allUnchecked(alle Kontrollkästchen){
für(var i = 0; i < alleCheckBoxen.Länge; i++)
{
alleCheckBoxen[i].checked = false;
}
}
</Skript>
</Kopf>
<Text>
<p>Prüfung</p>
<form>
<input type="checkbox" name="preDelCheck" value="creme">ID1

<Eingabetyp="Kontrollkästchen" Name="preDelCheck" Wert="Zucker" >ID2

<Eingabetyp="Kontrollkästchen" Name="preDelCheck" Wert="Zucker">ID3

<Eingabetyp="Kontrollkästchen" Name="preDelCheck" Wert="Zucker">ID4

<Eingabetyp="Kontrollkästchen" Name="preDelCheck" Wert="Zucker">ID5

<input type="button" id="allChecked" value="Alle auswählen/Auswahl aller abwählen" onClick="selectAllDels()">
</form>
</body>
</html>

<<: Häufig verwendete englische Schriftarten für die Webseitenerstellung

>>: So installieren und implementieren Sie Zabbix 5.0 für Nginx

Beispielcode für die Javascript-Operation „Alles auswählen/Alles abwählen“ in HTML

Einführung in Docker-Container

CSS - overflow:hidden in Projektbeispielen

Seltsame und interessante Docker-Befehle, die Sie vielleicht nicht kennen

So verwenden Sie vue.js zum Implementieren der Drag & Drop-Funktion

Was ist em? Einführung und Konvertierungsmethode von em und px

Nginx+FastDFS zum Erstellen eines Image-Servers

Implementierung eines einfachen Chatroom-Dialogs basierend auf WebSocket

Lösung für das Problem, dass Docker CMD/ENTRYPOINT das sh-Skript ausführt: nicht gefunden/run.sh:

Ubuntu 18.04 installiert pyenv, pyenv-virtualenv, virtualenv, Numpy, SciPy, Pillow, Matplotlib

Best Practices-Handbuch für partitionierte MySQL-Tabellen

Artikel empfehlen

Eine detaillierte Einführung in die Bereitstellung einer RabbitMQ-Umgebung mit Docker

JavaScript implementiert das Protokollbeispiel, in dem der Benutzer das Kontrollkästchen aktivieren muss

Apropos „Weniger und mehr“ im Webdesign (Bild)

Kleines Programm zur Implementierung eines einfachen Taschenrechners

Vier praktische Tipps für JavaScript-String-Operationen

MySQL-Serie 15: Allgemeine MySQL-Konfiguration und Leistungsstresstest

Detaillierte Erläuterung der Verwendung von MySQL sql_mode

favico.ico --- Schritte zum Einrichten des Website-ICO-Symbols

Adaptive Breitentabelle für HTML-Seiten

Beispielcode zur Implementierung der MySQL-Master-Slave-Replikation in Docker

Beispielcode und Methode zum Speichern von Arrays in MySQL

Beispiel für eine Formatierungsmethode für Datum und Uhrzeit in js

Detaillierte Einführung in die Linux-Firewall iptables, Konfigurationsmethode und Fall

So setzen Sie das Passwort zurück, wenn Sie es in MySQL8 vergessen haben (die alte MySQL-Methode funktioniert nicht)