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

Detaillierte Erklärung zum MySQL-Datenarchivierungstool mysql_archiver

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

Detaillierte Erklärung zum MySQL-Datenarchivierungstool mysql_archiver

Detailliertes Tutorial zur Installation und Konfiguration von MySql5.7 unter Ubuntu 20.04

Vue implementiert das digitale Tausendertrennzeichenformat global

MySQL 5.7.29 + Win64-Dekomprimierungsversion Installations-Tutorial mit Bildern und Text

Einführung in das Fokuselement document.activeELEment in JavaScript

Wie erreicht MySQL eine Master-Slave-Synchronisierung?

Detailliertes Beispiel einer MySQL-Unterabfrage

Implementierung der Nginx-Domänennamenweiterleitung

Detaillierte Erklärung zur Konfiguration einer statischen IP in Centos8

Einführung in den vollständigen Namen und die Funktion von HTML-Tags

Artikel empfehlen

Prinzip und Anwendung der MySQL-Verbindungsabfrage

Grafisches Tutorial zur Installation der grünen Version von MySql 5.6.36 (64-Bit)

Lösung zum Einfügen eines Formulars mit einer Leerzeile oben und unten

Bezüglich der chinesischen verstümmelten Zeichen bei der Übertragung eines href-Parameters

Eine kurze Erläuterung der Rolle des Parameters docker --privileged=true

Zusammenfassung häufig verwendeter CSS-Kapselungsmethoden

Implementierung der Docker-Container-Statuskonvertierung

Führen Sie die Schritte zur Installation von MySQL 8.0.x unter Linux aus.

Detaillierte Erklärung der CSS-Hintergrund- und Rahmen-Tag-Beispiele

MySQL-Grundlagen-Tutorial: Detaillierte Erklärung der DML-Anweisungen

MySQL5.6.31 winx64.zip Installations- und Konfigurationstutorial

MySQL-Join-Abfrage (Left Join, Right Join, Inner Join)

Vue implementiert die Internationalisierung der Sprachumschaltung für Webseiten

Zusammenfassung der Verwendung von vue Watch und Computed

So verwenden Sie MQTT im Uniapp-Projekt