Cliquez sur le panier pour réduire ou ajouter des articles et calculer automatiquement le prix :
Le panier peut avoir une telle fonction, c'est-à-dire que cliquer sur un bouton peut réduire ou augmenter le nombre de marchandises, et le prix total du produit peut être calculé en temps réel. Voici un exemple de code pour présenter comment mettre en œuvre. cette fonction. Bien sûr, le panier suivant implémenté par cette simulation est difficile à réaliser, mais vous pouvez en tirer de l'inspiration ou des points de connaissances associés. Le code est le suivant :
.
Prix total :
1.$(function(){}), lorsque la structure du document est complètement chargée, exécutez le code dans la fonction.
2.$(".add").click(function(){}), enregistrez la fonction de gestionnaire d'événements de clic pour le bouton plus.3.var t=$(this).parent().find('input[class*=text_box]'), récupère la zone de texte, ce texte affiche le nombre de biens à acheter.
4.t.val(parseInt(t.val()) 1), cliquez une fois pour augmenter la quantité du produit de 1.
5.setTotal(), l'exécution de cette fonction peut calculer le prix total et l'afficher.
6.$(".min").click(function(){}), enregistrez la fonction de gestionnaire d'événements de clic pour le bouton moins.
7.function setTotal(){}, cette fonction peut calculer le prix total et l'afficher.
8.var s=0, déclarez une variable, cette variable sert à stocker le prix total.
9.$("#tab td").each(function(){
s =parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text() );
});
Vous pouvez parcourir les zones de texte et multiplier par le prix unitaire, puis les additionner et enfin calculer le prix total.