Почему не считает калькулятор стоимости?

Question

[Макс Darkleviathan]

Создаю форму расчета стоимости, все считает, но если клонировать эту же форму с помощью .clone() , то последующие формы не просчитывает. Где может быть ошибка?

Вот исходник : https://jsfiddle.net/78tpx2ga/1/

Answer 1

[Владимир Проскурин]

https://jsfiddle.net/9n8z1q3f/
т.е. вам нужно для каждого блока считать его цену по "что сдаем" и кол-во, и суммировать всех. Также не используйте одинаковый id для разных блоков.

Answer 2

[Lander]

<button id="rrr">Рассчитать стоимость</button>
Вы клонируете форму и у вас внезапно появляется ещё одна кнопка с таким же id.

Comments

[Макс Darkleviathan]

Но я клонирую
<div id="name" rebest='yes'>

а не кнопку

Answer 3

[Максим Тимофеев]

1. ID - это идентификатор элемента, который подразумевается только 1 на странице
2. getElementById - возвращает первый найденный, так как см. пункт 1

Поэтому вместо id лучше юзать data атрибуты. Типа data-price=12, data-toggle="calc" и т.д.
Соответственно юзать не getElementById, а querySelectorAll, который вернет набор элементов, подходящих под селектор. перебирать в цикле и производить математику.

Comments

[Макс Darkleviathan]

Ок, как тогда заставить просчитывать все элементы в моем случае?

[Максим Тимофеев]

Макс Darkleviathan, дополнил ответ