Как сверстать такой блок?

Question

[hypero]

Всем привет.

Как сверстать такой блок. При смене ползунка будет меняться общее значение суммы и значение суммы в час.

Comments

[NaN]

hypero, Так мы тут верстальщики или вы? Ставьте задание на фрилансе и вам все сделают.
Если хотите получить ответ здесь - опубликуйте свои наработки в любой песочнице и уточните, что именно не получается реализовать. И верстка и логика - разные вещи.

Answer 1

[doublench21]

Вот тут та верстальщики и почесали репу. Тут не верстать, тут писать нужно. Знакомься с js, коли не знаком.

Comments

[Ankhena]

Для реабилитации верстальщиков: можно и без js, на input:checked. Но зачем..

[lamer350]

Ankhena, да! идеально! чтобы бекендер потом повесился при такой реализации если это поле относится к форме.

[Andrew]

lamer350, почему?)
бэку отправиться вэлью и всё.

[Ankhena]

lamer350, если бэкэндер повесится из-за получения значения из группы radio, то туда ему и дорога.

[lamer350]

Ankhena, хорошо как радио, а не чекбокс.

[Ankhena]

lamer350, я ни слова не говорила о чекбоксах

[lamer350]

Ankhena, ну и ни слова про радио, а checked может принимать несколько типов полей

[Ankhena]

lamer350, думаю, что теперь вы полностью поняли о каком методе я говорила и можно прекратить дебаты.

Answer 2

[inkShio]

Заходишь на https://codepen.io вводишь range и смотришь как люди делают ползунки. Дальше мониторишь результат ползунка и умножаешь на 650, выводишь все в блок.