• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

jQuery zliczanie wartości

Object Storage Arubacloud
0 głosów
109 wizyt
pytanie zadane 24 marca 2021 w JavaScript przez mikey Użytkownik (820 p.)

Hej, mam taki mały problem przy zliczaniu wartości. Ogólnie zasada trochę jak przy koszyku sklepowym a nawet dokładnie taka sama.
Ogólnie to jest jQuery i Laravel ale backendu nie dotyczy.
Jest sobie taka pętla

<div class="items-list">
                        @foreach($category->prices as $item)
                            <div class="row">
                                <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12 col-xs-12">
                                    {!! $item->name !!}
                                </div>
                                <div class="col-xl-1 col-lg-1 col-md-2 col-sm-6 col-xs-6">
                                    {!! $item->price !!}
                                </div>
                                <div class="col-xl-1 col-lg-1 col-md-1 col-sm-6 col-xs-6">
                                    {{ $item->unit }}
                                </div>
                                <div class="col-xl-1 col-lg-1 col-md-1 col-sm-6 col-xs-6">
                                    <input min="1" class="sum-input" data-price="{{ $item->price }}" data-id="{{ $item->id }}" id="quantity-{{$item->id}}" style="padding: 3px" name="prices[{{$item->id}}][quantity]" type="number" placeholder="Ilość" aria-label="Ilość">
                                </div>
                                <div class="col-xl-1 col-lg-1 col-md-1 col-sm-6 col-xs-6">
                                    <span id="sum-{{$item->id}}"></span>
                                </div>
                            </div>
                        @endforeach
                    </div>

i jak widać przy każdym rekordzie jest suma (cena * ilość). Aby obliczać to dynamicznie używam takiego kodu jQuery

 <script>
        $('.sum-input').change(function (e) {
            const price = $(e.target).data('price');
            const id = $(e.target).data('id');
            let quantity = $(e.target).val()
            $('#sum-'+id).text(price * quantity + ' zł')
        });
    </script>

działa to prawidłowo (zlicza cenę dla każdego rekordu po zmianie ilości. Teraz tylko pytanie, jak dynamicznie mogę zmieniać łączną cenę? Takie podsumowanie?

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 180 wizyt
pytanie zadane 26 marca 2019 w JavaScript przez ckrawczyk Początkujący (310 p.)
0 głosów
1 odpowiedź 244 wizyt
0 głosów
0 odpowiedzi 249 wizyt
pytanie zadane 1 stycznia 2021 w JavaScript przez Mateusz Analityk Stary wyjadacz (13,710 p.)

92,575 zapytań

141,424 odpowiedzi

319,649 komentarzy

61,960 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...