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

SQL-Implementierung LeetCode (176. Zweithöchstes Gehalt)

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

SQL-Implementierung LeetCode (176. Zweithöchstes Gehalt)

Beispielcode zum Anzeigen einer Bildlaufleiste nach dem Verkleinern der HTML-Seite

So konfigurieren Sie gängige Software unter Linux

Detaillierte Erklärung der Getter-Verwendung in vuex

Beispiele für die MySQL-Verschlüsselung und -Entschlüsselung

Unglaubliche CSS-Navigationsleiste unterstreiche folgenden Effekt

Lösen Sie das Problem beim Laden der Vektorkartenquelle in OpenLayers 3

Erste Schritte mit TS (TypeScript) im Vue-Projekt

Detailliertes Beispiel zum Entfernen doppelter Daten in MySQL

So fragen Sie Daten innerhalb eines bestimmten Zeitraums mit dem Vue-Frontend und dem Django-Backend ab

Artikel empfehlen

Detaillierte Erklärung, wie MySQL Phantom-Lesevorgänge löst

jQuery implementiert die Formularvalidierung

MySQL-Variablenprinzipien und Anwendungsbeispiele

Implementierung von Nginx-Filterzugriffsprotokollen für statische Ressourcendateien

Verschönerung der Dualsystem-Boot-Schnittstelle für Win10 + Ubuntu20.04 LTS

So installieren Sie Docker CE auf Ubuntu 18.04 (Community Edition)

Informationen zum CSS-Floating und zum Aufheben des Floatings

Zwei Bilder von JavaScript zum Verständnis der Prototypenkette

VUE realisiert Registrierungs- und Login-Effekte

6 interessante Tipps zum Einstellen von CSS-Hintergrundbildern

So behalten Sie den Inhalt im Container, wenn das Flex-Layout durch untergeordnete Elemente gestreckt wird

Zusammenfassung von Beispielen gängiger Methoden von JavaScript-Arrays

Lösung, wenn Docker plötzlich vom externen Netzwerk nicht mehr erreichbar ist

MySQL-Datenaggregation und -gruppierung

So verwenden Sie Nginx zur Verwaltung einer domänenübergreifenden Vue-Entwicklungsumgebung