Von JQuery implementierte Warenkorbfunktion (kann Produkte reduzieren oder hinzufügen und Preise automatisch berechnen)_jquery

Klicken Sie auf den Warenkorb, um Artikel zu reduzieren oder hinzuzufügen und den Preis automatisch zu berechnen:

Der Warenkorb verfügt möglicherweise über eine solche Funktion. Durch Klicken auf eine Schaltfläche kann die Anzahl der Waren verringert oder erhöht werden, und der Gesamtpreis des Produkts kann in Echtzeit berechnet werden. Das Folgende ist ein Codebeispiel zur Einführung der Implementierung Diese Funktion ist natürlich schwer zu erreichen, aber Sie können einige Inspirationen oder verwandte Wissenspunkte daraus ziehen. Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

Stückpreis:1,50
        
        
        

Stückpreis:3,95
        
        
        

Gesamtpreis:

Der obige Code implementiert eine einfache Warenkorbfunktion. Hier finden Sie eine detaillierte Einführung in den Implementierungsprozess.

Codekommentare:

1.$(function(){}), wenn die Dokumentstruktur vollständig geladen ist, führen Sie den Code in der Funktion aus.

2.$(".add").click(function(){}), registrieren Sie die Click-Event-Handler-Funktion für die Plus-Schaltfläche.

3.var t=$(this).parent().find('input[class*=text_box]'), holen Sie sich das Textfeld, dieser Text zeigt die Anzahl der zu kaufenden Waren an.

4.t.val(parseInt(t.val()) 1), klicken Sie einmal, um die Menge des Produkts um 1 zu erhöhen.

5.setTotal(): Durch Ausführen dieser Funktion kann der Gesamtpreis berechnet und angezeigt werden.

6.$(".min").click(function(){}), registrieren Sie die Click-Event-Handler-Funktion für die Minus-Schaltfläche.
7.Funktion setTotal(){}, diese Funktion kann den Gesamtpreis berechnen und anzeigen.
8.var s=0, deklarieren Sie eine Variable. Diese Variable wird zum Speichern des Gesamtpreises verwendet.
9.$("#tab td").each(function(){
s =parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text() );
});
Sie können die Textfelder durchlaufen und mit dem Stückpreis multiplizieren, diese dann addieren und schließlich den Gesamtpreis berechnen.