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

Effektbeispiele

Standardmäß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:

js, um eine vollständige Auswahl und keine Auswahl zu erreichen
js realisiert die Funktion, alles auszuwählen und die Auswahl aufzuheben
Js implementiert die Kontrollkästchen „Alle auswählen“, „Alle abwählen“ und „Auswahl umkehren“ als Codebeispiel
JS-Implementierung der Funktionscodebeispiele „Alles auswählen“ und „Alles abwählen“
Native JS-Version und jQuery-Version zum Aktivieren/Abwählen/Auswählen/Auswählen von Kontrollkästchen in der Zeile (Mr.Think)
JS implementiert die Funktion zum Auswählen aller Kontrollkästchen, zum Aufheben der Auswahl oder zum Aufheben der Auswahl aller Kontrollkästchen
So aktivieren/deaktivieren Sie alle Kontrollkästchen mit js und jQuery
JS implementiert die Funktion zum Auswählen und Abwählen aller in der CheckBox
So verwenden Sie js, um alles auszuwählen oder die Auswahl aufzuheben
Eine andere Möglichkeit, jQuery „Alles auswählen/Alles abwählen/Invertieren“ zu implementieren (mit nativem JS)

<<: Detaillierte Erläuterung des Prozesses zum Bereitstellen von MySql auf dem Centos-Server und zum Herstellen einer Verbindung mit Navicat

>>: Lernen Sie schnell die MySQL-Grundlagen