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

So installieren und deinstallieren Sie open-vswitch unter Linux

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

So installieren und deinstallieren Sie open-vswitch unter Linux

Vor- und Nachteile gängiger MySQL-Speicher-Engines

Der gesamte Prozess der IDEA-Integration von Docker zur Bereitstellung eines Springboot-Projekts

JavaScript-Grundlagenobjekte

Implementierung von proxy_pass im Nginx-Reverse-Proxy

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.20

Lokale Vue-Komponentendatenfreigabe Vue.observable()-Nutzung

Eine kurze Analyse der Unterschiede zwischen „:=“ und „=“ in MySQL

So legen Sie Hintergrundfarbe und Transparenz in Vue fest

Zusammenfassung häufig verwendeter Anweisungen zur Änderung mehrerer Tabellen in MySQL und Oracle

Artikel empfehlen

Zusammenfassung der Updates und gefundenen Probleme des Docker Consul-Containerdienstes

So stellen Sie das Crownblog-Projekt mit Docker in der Alibaba Cloud bereit

Lösung für BT Baota Panel php7.3 und php7.4 unterstützen ZipArchive nicht

Asynchrone Programmierung in Javascript: Verstehen Sie Promise wirklich?

JavaScript zum Implementieren einer zeitlich begrenzten Flash-Sale-Funktion

Vue+el-table realisiert das Zusammenführen von Zellen

Detaillierte Erklärung der MySQL-Zeichenfolgenverkettungsfunktion GROUP_CONCAT

Führt das Laden von CSS zu einer Blockierung?

CSS3-Übergang zum Erreichen des unterstrichenen Beispielcodes

MySQL 5.7-Installation Der MySQL-Dienst kann nicht gestartet werden, meldet jedoch keine Fehler

64-Bit-CentOs7-Quellcodeinstallation MySQL-5.6.35 Prozessfreigabe

So verwenden Sie die JSX-Syntax richtig in Vue

Vue nutzt Amap zur Realisierung der Stadtpositionierung

CSS steuert den Abstand zwischen Wörtern durch die Eigenschaft „letter-spacing“

Richtige Schritte zur Installation von Nginx unter Linux