Показать сообщение отдельно
  #1 (permalink)  
Старый 10.07.2017, 18:44
Интересующийся
Отправить личное сообщение для Foknik Посмотреть профиль Найти все сообщения от Foknik
 
Регистрация: 11.03.2017
Сообщений: 14

простой калькулятор с помощью checkbox
Добрый день, уважаемые форумчане гуру javascript & jquery!
У меня просьба направить на правильный путь новичка!
Я верстальщик и недавно начал учить javascript & jquery!
Сверстал калькулятор где имеются чекбоксы и поля select.

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

Код:
$('.for-services').change(function(){
   $select = $('select#select option:selected').attr('data-service');
   // тут я выбираю данные option поля select; 
});

$('#check_1').click(function() {
   var $result
   if ( this.checked ) {
	// если checked ...
   $result = 6;
    console.log($result);
	} else {
	   $result = 0;
	   console.log($result);
       };
});

$('#check_2').click(function() {
    var $result_2
    if ( this.checked ) {
	// если checked ...
	$result_2 = 8;
	console.log($result_2);
	 } else {
	     $result_2 = 0;
	     console.log($result_2);
	 };
});
	
$final_prise = parseInt($select) + parseInt($total) + parseInt($total_2);
	console.log($final_prise);
	$('span#total').text($final_prise);
});
Не складываются переменные в одну общую ( $final_prise = parseInt($select) + parseInt($total) + parseInt($total_2); ) ни в консоли не складываются не выводятся в елемент span
console.log($final_prise); $('span#total').text($final_prise);

Что не так просвятите подскажите пожалуйста очень буду благодарен!!!
Ответить с цитированием