Калькулятор стоимости услуг 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, время: 16:35. |