Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.98/64: Рейтинг темы: голосов - 64, средняя оценка - 4.98
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54

Динамическое изменение цены при изменении количества товара

08.10.2013, 09:26. Показов 13367. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте. Нужна помощь. Есть сайт, типа магазин, там 30 товаров, все на одной html странице. Они не берутся из базы. Нужен скрипт, который изменяет цену товара при изменении его количества.
Нашел такой скрипт, он плюсует и минусует количество товара.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript" >
        $(document).ready(function() {
            $('.minus').click(function () {
                var $input = $(this).parent().find('input');
                var count = parseInt($input.val()) - 1;
                count = count < 0 ? 0 : count;
                $input.val(count);
                $input.change();
                return false;
            });
            $('.plus').click(function () {
                var $input = $(this).parent().find('input');
                $input.val(parseInt($input.val()) + 1);
                $input.change();
                return false;
            });
        });
    </script>
Но как сделать чтобы при этом автоматически менялась и цена - не знаю. При этом, чтобы внизу еще менялась итоговая цена всех выбранных товаров. Как выводится товар можно посмотреть во вложении. Сразу скажу, я не особо разбираюсь в javascript, моя сфера - php. Это задание нужно сделать в кратчайшие сроки, поэтому времени изучать js совсем нет. Заранее благодарю за понимание и помощь.
Миниатюры
Динамическое изменение цены при изменении количества товара  
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
08.10.2013, 09:26
Ответы с готовыми решениями:

Баг при изменении количества товара в корзине
В общем такая проблема, при изменении количества товара с общей стоимостью происходит что-то странное. С неопределенной...

Динамическое изменение объекта при изменении параметров
Есть линия - тег &lt;hr&gt;, есть параметры, организованные через теги &lt;input&gt; и &lt;select&gt;, при помощи JavaScript нужно сделать так, чтобы...

Изменение цены товара при изменении его количества
Доброго времени суток, ув. Форумчане! Знаю что я не первый кто задаёт такой вопрос, но поиск и чтение похожих тем результата не дал. Суть...

4
19 / 19 / 1
Регистрация: 05.04.2013
Сообщений: 88
08.10.2013, 11:30
Есть много вариантов, например:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<HTML>
<head>
 <title>КАТАЛОГ</title>
</head>
 
<script>
function plus(n) {
 var cena=document.getElementById("cena_"+n);
 var col=document.getElementById("col_"+n);
 var cenap=document.getElementById("cenap_"+n);
 var itog=document.getElementById("itog");
 
 col.innerHTML=1+Number(col.innerHTML);
 cenap.innerHTML=Number(cenap.innerHTML)+Number(cena.innerHTML);
 itog.innerHTML=Number(itog.innerHTML)+Number(cena.innerHTML);
}
function minus(n) {
 var cena=document.getElementById("cena_"+n);
 var col=document.getElementById("col_"+n);
 var cenap=document.getElementById("cenap_"+n);
 var itog=document.getElementById("itog");
 
 if(col.innerHTML!="0") {
  col.innerHTML=Number(col.innerHTML)-1;
  cenap.innerHTML=Number(cenap.innerHTML)-Number(cena.innerHTML);
  itog.innerHTML=Number(itog.innerHTML)-Number(cena.innerHTML);
 }
}
 
</script>
 
<body>
 
 <table width=100% border=1>
  <tr><td align="center">ТОВАР</td><td align="center">ЦЕНА ЗА 1шт</td><td align="center">КОЛИЧЕСТВО</td><td align="center">ЦЕНА ЗА ВСЁ</td></tr>
 
  <tr>
   <td align="center">ФЛОМАСТЕР</td>
   <td align="center"><b id="cena_1">100</b> руб.</td>
   <td align="center"><b onclick="plus(1)">[+]</b> <b id="col_1">0</b> шт. <b onclick="minus(1)">[-]</b></td>
   <td align="center"><b id="cenap_1">0</b> руб.</td>
  </tr>
  
  <tr>
   <td align="center">КОЛБАСА</td>
   <td align="center"><b id="cena_2">220</b> руб.</td>
   <td align="center"><b onclick="plus(2)">[+]</b> <b id="col_2">0</b> шт. <b onclick="minus(2)">[-]</b></td>
   <td align="center"><b id="cenap_2">0</b> руб.</td>
  </tr>
  
  <tr>
   <td align="center">УТЮГ</td>
   <td align="center"><b id="cena_3">770</b> руб.</td>
   <td align="center"><b onclick="plus(3)">[+]</b> <b id="col_3">0</b> шт. <b onclick="minus(3)">[-]</b></td>
   <td align="center"><b id="cenap_3">0</b> руб.</td>
  </tr>
 </table>
 
 ИТОГО:<b id="itog">0</b> руб.
</body>
</HTML>
1
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
08.10.2013, 12:51  [ТС]
Спасибо! Это офигенно круто! Буду дальше дорабатывать)))))

Добавлено через 10 минут
WebWinner, а можно ли теперь эти данные отправить на другую страницу? Чтобы узнать какие товары выбрал покупатель, и в каком количестве?
0
19 / 19 / 1
Регистрация: 05.04.2013
Сообщений: 88
08.10.2013, 17:44
...тоже много способов. Если не менять предыдущий пример, то можно добавить кнопку:
HTML5
1
<button onclick="zakaz()">ОПЛАТИТЬ</button>
...и JavaScript функцию в тэг script:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
function zakaz() {
 var page="page.php?";
 var col="";
 for(var i=1; i<=3; i++) {
  col=document.getElementById("col_"+i).innerHTML;
  if(col!="0") {
   if(i>1) {page+="&";}
   page+="tovar"+String(i)+"="+col;
  }
 }
 document.location.href=page;
}
Добавлено через 3 минуты
Переменной page(строка 3 в JavaScript) назначь адрес страницы+"?".
1
0 / 0 / 0
Регистрация: 25.10.2011
Сообщений: 54
08.10.2013, 17:53  [ТС]
WebWinner, спасибо, Вы меня очень выручили.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
08.10.2013, 17:53
Помогаю со студенческими работами здесь

Динамическое изменение данных в таблице при изменении значения в списке
Здравствуйте, Уважаемые. У меня к Вам вопрос. Есть база данных с таблицей &quot;USERS&quot;( очень много разных полей). Данные из поля...

Вывод цены товара сразу же по изменении его количества
РЕбята! Всем привет! Нужна ваша помощь! Задача следующая: есть таблица из трех столбцов: количество овощей на складе, &quot;цена&quot;,...

При изменении цены в каталоге, не проставляется цена на странице товара
Добрый день, столкнулся с проблемой, не проставляется цена, при вводе через админку: каталог - элемент - торговый каталог. Меня базовую...

Авторасчет Суммы при изменении Цены и Количества в управляемой форме
Так толком и не разобралась с этими, мать его, управляемыми формами. Вот хочу сделать простую вещь - на форме документа организовать...

Вывод в форму цены товара автоматически при вводе названия товара
Уважаемые! У меня большая просьба помочь в конкретной задачи: Создаю форму Аццес, При заполнении формы я должен занести наименование...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20%
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
Использование значений реквизитов справочника в документе, с определенными условиями и правами
Maks 07.04.2026
1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru