Как сделать калькулятор услуг?

Question

[akselian]

Вот разбираюсь в JS, хочу сделать калькулятор,
При выборе услуги,

в таблицу подставляются разные цены, в зависимости от услуги.

если цены нет, то услуга не доступна, если есть, то он её считает, и выводит внизу калькулятора


Как это реализовать?
Галочку у услуг, тип выбора нужно делать через <input type="checkbox"/>?

вот верстка, примерная

Comments

[4mobile]

всякие калькуляторы отлично пишутся с vue или react.
т.к. с js или jquery задолбешься отлаживать если есть десяток параметров которые могут зависеть друг от друга

Answer 1

[hzzzzl]

да, чекбоксы, при смене checked чекбокса пересчитывать



или я не понял, что именно надо сделать :)

если цены нет, то услуга не доступна, если есть, то он её считает, и выводит внизу калькулятора

Comments

[akselian]

Ну типо, если есть цена, в таблице, то он даёт поставить галочку, если нет цены, то не даёт.

Так как есть одна услуга, там одни цены, а есть другая услуга, и там цен может и не быть.

Потому что хочу сделать, смену цены, в зависимости от выбранной услуги.
в данном случае, услуга ВАЗ одни цены в таблице, услуга иномарки, в Таблице другие цены

[hzzzzl]

akselian, где-то отдельно хранить данные со всеми услугами/ценами, и так же при смене галочек всё перерисовывать, например так

[akselian]

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

[akselian]

hzzzzl, даа, уж пойду разбираться теперь со всем этим, как как мне нужные данные поставлять, в нужное место

[hzzzzl]

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

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

[akselian]

hzzzzl, а ещё это не пойму вот, добавляю ещё одну <label>, и не переключает, там какая функция за это отвечает?

[hzzzzl]

akselian, да не, вроде ок добавляется
https://jsfiddle.net/t3ksfyun/
главное чтобы value='2' соответстовало порядковому номеру объекта в массиве data "с ценами"

[akselian]

hzzzzl, ааа