Скрипт калькулятора с полем checkbox флажок галочка #10

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

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

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

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

Наименование 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, можно изменять функционал калькулятора, самостоятельно добавлять или удалять пункты по аналогии с уже имеющимися.