Автосумма js

Доброе время суток нужна помощь по поводу кода , короче скажем так есть меню с chackbox, к которому привязаны суммы и они при нажатии на chackbox должны авто суммироваться .
Пример:

<td><h1>Кофе</h1></td>
<td><?php echo "<h2>" . round($a * 0.01, 2) . " грн.</h2>";?></td><td><input type="checkbox" value="<?php echo round($a * 10.01, 2) ;?>" name="price_2"></td></tr>

<td><h1>Суп</h1></td>
<td><?php echo "<h2>" . round($a * 0.01, 2) . " грн.</h2>";?></td><td><input type="checkbox" value="<?php echo round($a * 11.01, 2) ;?>" name="price_2"></td></tr>

<td><h1>Макароны</h1></td>
<td><?php echo "<h2>" . round($a * 0.01, 2) . " грн.</h2>";?></td><td><input type="checkbox" value="<?php echo round($a * 12.01, 2) ;?>" name="price_2"></td></tr>

то есть понять что есть 3 пункта которые имеют сумму и их можно выбрать либо все сразу либо что то одно.
Теперь в самом конце этого списка ( а он не маленький тут приведен только кусок) есть такой код:

Итого: <?php
foreach($_GET as $intPrice)
{ $totalAnswers +=$intPrice;}
print $totalAnswers;?> грн.</h2><a href="#buy"><button>Подсчитать</button>

Проблема в том что при нажатии на кнопку идет обновление страницы сбиваются выбранные пункты, но сумма все таки указывается!

Внимание вопрос!:
Так вот надо что бы при нажатии на checkbox сумма выводилась уже конечная без нажатия на <button>Подсчитать</button> то есть параллельно с выбором человек уже видит сколько это будет стоит , а не после нажатия. Знаю что можно сделать через js но как это называется и в каком направлении идти увы знаний мало.

0

Сообщение от Jlomaka Знаю что можно сделать через js

тольку нужно точно знать где лежат нужные числа относительно самого чека, тут есть варианты
данные лежат в самом чеке, или они где то в таблице и тогда их нужно как то привязывать к чеку, или закладывать в таблицу для человека и в чек для скрипта(вроде так и сделано)

а скрипт простой, но ему нужно точно знать откуда брать данные и куда их выводить

Сообщение от Jlomaka Проблема в том что при нажатии на кнопку идет обновление страницы

зачем отсылать на сервер и обновлять страницу, не понятно

0

newJS, Поскольку все эти действия по подсчету выполняются через тег <form method="GET"></form> или <form method="POST"></form> то идет отправка формы на сервер и страница обновляется , я хочу сделать так что бы это было два отдельных элемента то есть подсчет происходил во время выбора checkbox а форма отправлялась уже при нажатии "отправить" или "заказать" , вот в чем дилемма, данные все буду на странице . Я не через CMS работаю чистый веб верстак(html5) с элементами php на сайте все хорошо работает , проблем нет , только вот решить данную задачу пока не могу.
Если в кратце то есть:
<form method="GET">с данными внутри</form> и есть сумматор который выводит итог всех выбранных пунктов .
Информация по поводу цены присвоена и для вида и для самого checbox для того что бы человека видел сколько это стоит, то есть у нас цена продублирована в 2 элементах для корректности работы кода.

Добавлено через 2 минуты
newJS, у меня такое чувство что надо просто конечный код
<?php
foreach($_GET as $intPrice)
{ $totalAnswers +=$intPrice;}
print $totalAnswers;?>

переписать на js и сделать так что бы он считал в реальном времени то есть , выставить ему интервал там скажем 1000ms что бы он каждую секунду обновлял данные в данной строке только без перезагрузки страницы. Или может даже меньше дать интервал что бы не была такая задержка , можно такое придумать ?

0

с кодом разобрался все таки продуктивнее делать через js написал код вот:
function sums()
{
sum=0;
for(i=1;i<20;i++)
{
var elem=document.getElementById("p"+i);
if(elem.checked)sum=sum+parseInt(elem.va lue);
}
sum;
document.formText.sumOut.value=(sum.toFi xed(2));
}
<input type="button" onclick="sums()" value="Подсчитать">
<input type="text" name="sumOut" disabled="false" value="">
Но то проблема в том что он не считает числа после запятой почему то то есть поставил что бы уже было 2 числа после запятой .toFixed(2) но все равно не хочет считать ( он даже до большего округление не дает.

0