checkbox value summ

Webix JS
#1

http://webix.com/snippet/7cbf093e не подскажете как связать чекбоксы пунктов : каско, навигатор. Так чтобы суммировалось в поле итого, если активная то + к сумме если деактивная возрат к оригинальному значению , с учетом ост галок, и еще допустим я пишу в поле продолжительность дней , 1 дня + 3 рубля или + 15 дней умножаем и получаем результат, помогите , и спасибо!)

#2

Надо добавить onChange события к инпутам изменение которых должно менять цену и дописать логику пересчета полной цены.

http://webix.com/snippet/6a5c73fd

#3

А если к примеру галка уже активна, то данных метод не учитывает стоимости… т.к срабатывает только при onChange , более того стоит базовое значение 3 в итого к оплате , к нему должно суммироваться поле checkbox с учетом того активна галка или нет.
И еще сразу же учитывать значение продолжительность аренды, базовое число котороется является 3 = 1 день, а если 5 дней то , 3x5 = 15 и если активна то к 15 или 3 плюсуется то что есть в checkbox …

в javascript это примерно так выглядит

window.onload = function() {
var els = document.getElementsByTagName(‘p’);
for (var i = 0; i < els.length; i++) {
if (els[i].className == ‘i-price’) {
els[i].innerHTML = els[i].innerHTML.replace(/([\d.]+) USD/, function(all, price) {
return (parseFloat(price) * на значение в поле продолжительность аренды) + ’ руб.’;
});
}
}
};

по сумме 3900 + checkbox я решил тем что записал в var cost = 3900;

осталось только продолжительность дней записать http://webix.com/snippet/b3cfef72

#4
  • в формулу расчета можно включить и days
  • формулу расчета можно вызвать после отрисовки формы чтобы рассчитать первоначальное значение
  • я добавил на все элементы формы ( через elementsConfig ) пересчет суммы , так что она будет меняться когда редактируется число дней

http://webix.com/snippet/e61e5b23

#5

Спасибо! удобное решение.
Все чаще задумываюсь стать участником клуба))

#6

а вот такой вопрос по этой же теме, можно ли генерировать поле окончание аренды в зависимости от выбранного кол-во дней, http://webix.com/snippet/af553648

старт текущий день, а окончание формируется от продолжительности аренды? … спасибо

#7

Можно использовать что то вроде

$$("aend").setValue( webix.Date.add($$("astart").getValue(), days, "day", true) );

http://webix.com/snippet/8aa011f1

#8

Удобный подход, но в результате не верное высчитывает дату , ставлю 2 дня а выскакивает 3 месяца

#9

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

// *1 добавлено, чтобы конвертировать days в число
$$("aend").setValue( webix.Date.add($$("astart").getValue(), days*1, "day", true) );
#10

а можно как то эти поля связать между собой чтобы при изменении поля например я написал 3 дня все окей считается, но потом подумал что я хочу изменить дату начала не с 13 числа, а с 16 то и дата конечная сразу учитывалась) я думаю это все, оч хорошее демо получится)…наверное что то типа refresh надо использовать?

#11

У всех инпутов есть onchange событие из которого можно пересчитать значение любого другого инпута.