js implementiert einen einfachen Warenkorb mit Bildern und Code_Javascript-Kenntnissen

Wie im Bild gezeigt:

Die Implementierung der Schaltfläche „Alles auswählen“ ist:

Kopieren Sie den Code Der Code lautet wie folgt:

Alle auswählen
;input type="checkbox" name="item" value="3000" />Laptop: 3.000 Yuan

Laptop: 3000 Yuan
Laptop: 3000 Yuan
input type="checkbox" name="item" value="3000" />Laptop: 3000 Yuan
Laptop: 3.000 Yuan

Laptop: 3.000 Yuan
type="checkbox" name="item" value="3000" />Laptop: 3000 Yuan
;Laptop: 3000 Yuan

Laptop: 3000 Yuan
="checkbox" name="item" value="3000" />Laptop: 3000 Yuan
Alle auswählen




Das letzte Span-Tag wird verwendet, um den Bereich zu speichern, der den Gesamtbetrag anzeigt.

Der Code zum Implementieren der beiden „Alle auswählen“-Funktionen lautet:




Kopieren Sie den Code

Der Code ist wie folgt folgt:

function checkAll() { //var allNode = document.getElementsByName("all")[0] //Das angeklickte Element abrufenvar allNode = event.srcElement; var item = document.getElementsByName("item"); x].checked = allNode.checked; }

}

event.srcElement implementiert die Erfassung von Antwortereignisschaltflächen.

Die for-Schleife ändert das aktivierte Attribut jedes Mehrfachauswahlfelds.

Die Methode zur Berechnung des Gesamtbetrags ist:




Kopieren Sie den Code

Der Code lautet wie folgt:


function getSum()
{
var item = document.getElementsByName("item");

var sum = 0; item.length;x ) { if(item[x].checked) { sum =parseInt(item[x].value); } var spanNode = document .getElementById("sum");

spanNode.innerHTML = (sum "元").fontsize(7);

}


Konvertieren Sie den Wert von Alle ausgewählten Kontrollkästchen Die Werte addieren sich.