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

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

Скрипт калькулятора расчета позволяет отметить нужные пункты с наименованием товара, продукции или услуги и рассчитать итоговый результат. Для расчета, необходимо выбрать соответствующие позиции, поставив галочку или флажок в поля input checkbox. Затем, необходимо нажать кнопку «Рассчитать». В результате расчета, калькулятор определяет отмеченные чекбоксы, и подставляет соответствующие им значения в формулу расчета. Итоговый результат выводится в поле «Итого». Дополнительно выводятся значения у всех отмеченных чекбоксов.

В данном примере, все значения у отмеченных чекбоксов складываются. Значения неотмеченных чекбоксов считаются равными 0.

Настройки калькулятора input checkbox

<input type=´checkbox´ value=´200´ id=´ckb2´>Наименование 2 (товар, услуга, продукт) 200$
где,
type=´checkbox´ - означает, что этот input является чекбоксом (флажок, галочка).
value=´200´ – значение, соответствующее этому полю.
id=´ckb2´ - id этого поля.
´Наименование 2 (товар, услуга, продукт) 200$´ - название этого пункта checkbox.

Формула расчета калькулятора input checkbox

sum = val1 + val2 + val3 + val4 + val5 + val6;
где,
sum – результат расчета.
val1 … val6 – значения из полей ввода input number.

Установка калькулятора input checkbox

Вставить калькулятор в html код страницы, в том месте, где необходимо вывести калькулятор.

Требования для работы калькулятора input checkbox

Браузер, javascript

Редактирование калькулятора input checkbox

Обладая базовыми знаниями html и javascript, можно изменять функционал калькулятора, самостоятельно добавлять или удалять пункты по аналогии с уже имеющимися.

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


Гарантии и Лицензия

Примечание:Скрипт рекомендуется использовать, для самостоятельного изучения его кода и как основу для дальнейшей его доработки и модификации. При коммерческом использовании скрипта, дополнительно проверяйте и тестируйте его работу.