Как сделать перерасчет при активных радио кнопках?

Question

[Pulychuk]

Перейдя на jsfiddle Вы лучше поймете суть.
Постараюсь объяснить понятно. За код прошу не ругать.
Есть 3 этапа для подсчета стоимости. 1 и 3 состоит из радио кнопок. 2 из выпадающего списка.
По умолчанию "Опции 1.1", "Опции 2.1", "Опции 3.1" активная.
Пока опция 3.1 активная нужно стоимость сбрасывать на 0, независимо от выбранных опций с этапа 1 и 2.
Когда мы выбираем "Опция 3.2" или "Опция 3.3" нужно перечислить стоимость, в зависимости от активных кнопок на этапе 1-2.
К примеру на 1 этапе мы выбрали "Опция 1.2", на 2 - "Опция 2. 2", на 3 этапе если активна кнопка "Опции 3.1", то стоимость будет 0 (это работает). Но если выбрать "Опции 3.2", то стоимость подсчитает только с этой кнопки. Для корректного подсчета нужно еще раз нажать на нужные опции на 1 и 2 этапе.

И здесь собственно вопрос, как сделать чтобы стоимость считалась автоматически, без лишнего клика на опции (этап 1-2) когда они и так активны

Код который получился на jsfiddle.

Answer 1

[0xD34F]

Создаёте функцию расчёта полной суммы, с учётом всех условий, и назначаете её в качестве обработчиков событий всем элементам, от значений которых сумма зависит. Так будет гораздо проще и короче, чем то, что у вас есть сейчас:

function recalc() {
  const a = +$('[name="radio-register"]:checked').attr('data-value');
  const b = +$('#count-class option:selected').attr('data-value');
  const c = +$('[name="radio-znak"]:checked').attr('data-value'); 

  $('#price_result, #price1').text(a ? a + b + c : 0);
}

$('input[name="radio-znak"], input[name="radio-register"], #count-class').change(recalc);
recalc();

Comments

[Pulychuk]

Благодарю Вас за помощь.
А если в id #price_result подсчет должен идти еще из двух опций как тогда записать его?
Например пишу $("#price_result").text(country + glota + register + count + znak) - такой вариант будет некорректный потому что подсчитывает в стоимость цену выбранных кнопок, даже если опция 3.1 активная.

[Pulychuk]

Такой вариант работает, но хорош ли он? возможно есть лучшее решение?
if($('#radio-4').is(':checked')){

$("#price_result").text(register ? register + count + znak : country + glota );

}else{

$("#price_result").text(register + count + znak + country + glota );

}

[0xD34F]

Pulychuk, это хреново. Вывод результата должен осуществляться в одном месте.