Как сделать выбор значений при таком дизайне?

Question

[Raz1el]

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

Я так понимаю что лучший варианта сделать их тегом и накидывать класс на js?
Тут нечто похожее, но тут заморочено сделано...

Comments

[roswell]

Как вариант, можно устроить собственный атрибут (например, data-price) элементам в блоке "Доступное время", ну а дальше задача сводится к типовой (выбрали значение атрибута, умножили на кол-во участников).

Answer 1

[Ярослав Иванов]

Добавляете интупы и лейблы. Забираете значение с инпутов и плюсуете.
jsfiddle.net/heZBT/4795

Comments

[Ярослав Иванов]

Удалил случайно :)

[Raz1el]

Ярослав Иванов: понял, спасибо, уже работаю)

Answer 2

[iBird Rose]

Можно просто через data атрибут:
https://jsfiddle.net/hcp0q9pL/