Калькулятор стоимости услуг JS
Добрый день.
Пытаюсь сделать калькулятор услуг, но возникли сложности в скрипте подсчета стоимости в зависимости от количества товара. Плюс не работаю кнопки "плюс" и "минус" чтобы добавить количество. Т.е. не работает два поля с выводом информации. 1. Напротив конкретной услуги при выборе ее количества 2. В самом низу таблицы общая стоимость все услуг, учитывая их количество. Вот код. CSS и JS вставил в код для удобсва. Прошу помочь. https://codepen.io/sasha-kurnikow/pen/NWGVEOB |
stewe7,
jquery загрузить один!!! раз до скриптов, остальные версии выкинуть. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> первый скрипт заменить полностью на $(document).ready(function() { function change($tr, val) { var $input = $tr.find('.count input'); var count = parseInt($input.val()||0) + val; count = count < 0 ? 0 : count; $input.val(count); var $price = parseInt($tr.find('td:eq(4)').text()||0); $('.summ', $tr).text(count * $price); var total = 0; $('.summ').each((i, {textContent}) => total += parseInt(textContent||0)); $('.c2itog').text(total) } $('.minus').click(function() { change($(this).closest('tr'), -1); }); $('.plus').click(function() { change($(this).closest('tr'), 1); }); $('.count input').on("input", function() { change($(this).closest('tr'), 0); }); }); |
Часовой пояс GMT +3, время: 17:54. |