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

Question

[Денис Кузьмин]

Например, если нажимаю +10, то к 100 прибавляется 10. Надо чтобы при мене на +20 или +30, удалялось прибавленное +10 и добавлялось новое.

Answer 1

[0xD34F]

Вычисляйте всю сумму заново при любых изменениях:

const BASE_VALUE = 100;

document.querySelector('.container').addEventListener('change', e => {
  document.querySelector('.total').innerText = Array
    .from(e.currentTarget.querySelectorAll('input:checked'))
    .reduce((acc, n) => acc + +n.value, BASE_VALUE);
});

https://jsfiddle.net/khjn5teo/

Comments

[Денис Кузьмин]

А если так?

[0xD34F]

А сразу задать вопрос целиком - нет, никак? Ответ обновил.

Answer 2

[ksnk]

https://jsfiddle.net/7ekjafbq/1/
А почему бы не пользоваться тем, что это почти форма ? Добавить в контролы имена, значения и пользоваться почти штатной сериализацией.

Comments

[Денис Кузьмин]

Отлично! Спасибо большое!