JavaScript implementiert die Operationen „Alle auswählen“ und „Alle abwählen“
|
In diesem Artikel wird der spezifische Code für JavaScript zur Implementierung der Operationen „Alle auswählen“ und „Alle abwählen“ zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt EffektbeispieleStandardmäßig:
Wenn „Alles auswählen“ aktiviert ist:
Wenn Sie Artikel A/Artikel B/Artikel C nach Belieben deaktivieren
Implementierungscode
<!DOCTYPE html>
<html>
<Kopf>
<meta charset="UTF-8">
<title>Alles auswählen</title>
<Skript>
Funktion meinAlles() {
var alle = document.getElementById("alle");
var oneList = document.getElementsByName("one");
für(var i = 0; i < eineListe.Länge; i++) {
eineListe[i].checked = alle.checked;
}
}
Funktion meinEins() {
var alle = document.getElementById("alle");
var oneList = document.getElementsByName("one");
für(var i = 0; i < eineListe.Länge; i++) {
wenn(oneList[i].checked == false) {
alle.geprüft = falsch;
zurückkehren;
}
}
alle.geprüft = wahr;
}
</Skript>
</Kopf>
<Text>
<table id="meineTabelle" border="1" cellpadding="0" cellspacing="0" width="90%" height="180px">
<tr>
<th>Alles auswählen<input id="all" type="checkbox" onclick="myAll()" /></th>
<th>Seriennummer</th>
<th>Name</th>
<th>Stückpreis</th>
<th>Menge</th>
<th>Gesamt</th>
</tr>
<tr>
<td><input name="one" type="checkbox" onclick="myOne()" /></td>
<td>1</td>
<td>Punkt A</td>
<td>￥55</td>
<td>1</td>
<td>￥55</td>
</tr>
<tr>
<td><input name="one" type="checkbox" onclick="myOne()" /></td>
<td>2</td>
<td>Punkt B</td>
<td>￥70</td>
<td>1</td>
<td>￥70</td>
</tr>
<tr>
<td><input name="one" type="checkbox" onclick="myOne()" /></td>
<td>3</td>
<td>Punkt C</td>
<td>￥66</td>
<td>1</td>
<td>￥66</td>
</tr>
</Tabelle>
</body>
</html>Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
>>: Lernen Sie schnell die MySQL-Grundlagen
Artikel empfehlen
Installation und Bereitstellung des Linux-Tools Nethogs zur Überwachung der Netzwerkbandbreite nach Prozess
Überblick Es gibt viele Open-Source-Tools zur Net...
Haben Sie die MySQL-Verbindungsabfrage wirklich gelernt?
1. Übersicht über Inner Join-Abfragen Der Inner J...
Übersicht über die Definition der HTC-Komponenten nach IE5.0
Vor der Veröffentlichung von Microsoft IE 5.0 best...
Detaillierte Erläuterung des Installationsprozesses der Standard-MySQL-Version (x64) für Windows
MySQL x64 stellt kein Installationsprogramm berei...
Dockers Mechanismus zur Integritätserkennung
Für Container ist die einfachste Integritätsprüfu...
Tutorial zur Installation und Konfiguration des Linux-Prozessmanagement-Tools Supervisor
Umgebung: CentOS 7 Offizielle Dokumentation: http...
So legen Sie den Standardwert für den Datums-/Uhrzeittyp in MySQL fest
Beim Ändern des Standarddatums-/Uhrzeitwerts über...
Wissen Sie, welche Möglichkeiten es gibt, in Vue Routen zu überspringen?
Inhaltsverzeichnis Die erste Methode: Router-Link...
Der Grund, warum MySQL die Binlog-Datei manuell registriert und Master-Slave-Anomalien verursacht
1. Quelle des Problems Ein Freund von @水米田 hat mi...
Fallstudie zur Implementierung eines jQuery Ajax-Chatbots
Chatbots können viel manuelle Arbeit sparen und i...
So ändern Sie die inländische Quelle von Ubuntu 20.04 apt
UPD 2020.2.26 Derzeit ist Ubuntu 20.04 LTS noch n...
Detaillierte Erläuterung zum Upgrade von Python und zur Installation von Pip unter Linux
Upgrade der Linux-Version: 1. Stellen Sie zunächs...
Detaillierte Erklärung der Unterschiede zwischen var, let und const in JavaScript es6
Zunächst stellt sich häufig die Frage: Welche Bez...
Detaillierte Erklärung des Marquee-Attributs in HTML
Dieses Tag ist nicht Teil von HTML3.2 und wird nu...
Vue implementiert das Ziehen und Sortieren von Bildern
In diesem Artikelbeispiel wird der spezifische Co...