Множественный выбор в калькуляторе?

Question

[ART4]

Добрый день, подскажите как сделать чтоб я смог выбирать пару вариантов при расчёте калькулятора, а не один?

//отслеживаем выделение параметра, чтобы в блоке был только 1 выделенный элемент
	$('ul.parametrs li').click(function() {
		var listParam = $(this).closest('ul.parametrs');
		$(listParam).find('li.check-param').removeClass('check-param');
		var elemParam = $(this);
		$(elemParam).addClass('check-param');
	});

Answer 1

[Леонид Князев]

$('ul.parametrs li').click(function() {
    $(this).toggleClass('check-param');
});

Comments

[ART4]

работает, но тогда не хочет считать 2 показателя в 1 блоке

$(document).ready(function () {
	
	//Заменяем кнопку <button>рассчитать стоимость</button> на <span class="cur"></span>, в который будет подставляться рассчитанная сумма
	$('.price-button').click(function() {
		var boxPrice = $(this).closest('.col-md-4');

		function hideButton () {
			$(boxPrice).find('.price-button').hide();
			
			$(boxPrice).find('.footer-price').append('<h4>Итог: <span class="cur"></span> <span class="rub">рублей</span></h4>');
			
		};

          
		//анимация раскрытия блока с параметрами
		$(boxPrice).find('.box-price').animate({height: '520px'}, {'duration': 500}, {'easing': 'linear'}, hideButton());

	});

	//отслеживаем выделение параметра
	$('ul.parametrs li').click(function() {
    $(this).toggleClass('check-param');
});

	
	//получаем значения параметров
	function valParam () {
		var Price = $('.box-filter').attr('data-price'); //получаем стоимость количество комнат
		var roofValue = $('#roof').val();//вычисляем высоту потолков
                var paramValueVanna = $('#vanna').find('li.check-param').attr('data-param');//вычисляем количество санузлов
		var paramValuePol = $('#pol').find('li.check-param').attr('data-param');//как часто используется
		var paramValueSteny = $('#steny').find('li.check-param').attr('data-param');//вычисляем коэфф для стен
		var paramValuePotolok = $('#potolok').find('li.check-param').attr('data-param');//вычисляем коэфф для потолка
		if ($.isNumeric(roofValue)) {//если задана количество комнат
			if (!$.isNumeric(roofValue)) roofValue = 1;
                        if (!$.isNumeric(paramValueVanna)) paramValueVanna = 1;
			if (!$.isNumeric(paramValuePol)) paramValuePol = 1;
			if (!$.isNumeric(paramValueSteny)) paramValueSteny = 1;
			if (!$.isNumeric(paramValuePotolok)) paramValuePotolok = 1;
			var total = Price * roofValue * paramValuePol * paramValueVanna * paramValueSteny * paramValuePotolok;//формула расчета общей стоимости
			var newTotal = Math.round(total);//округляем
			$('.cur').html(newTotal);
			$('.rub').show();
		};
		
	};
	

	//отслеживаем изменение данных
	$('.calculator').on('click keyup', valParam);

})

Вот пример s39726.hostru2.fornex.org/?page_id=960

[Леонид Князев]

Потому, что ваша функция valParam() расчитывает, что в каждом наборе параметров может быть выбран только один из них. Её надо переписать так, что бы она могла обрабатывать несколько выбранных парамтеров в каждом наборе.

[ART4]

Леонид Князев, а реально достать с этого сайта калькулятор https://cleanny.by/calculator?rooms=1&sans=1

[Леонид Князев]

ART4, Реально достать фронт (вёрстку, стили, ява-скрипт). Если там производятся какие-то расчёты на сервере, то их уже не достать.