Помощь с калькулятором jquery

218
16 февраля 2018, 18:08

Вроде получается определить значения полей, но как их суммировать и чтобы выводилось в результат - совсем не получается. Заранее спасибо за помощь

$(document).ready(function() { 
    a = $('.calc select').change(function() { 
        $('select#production').val(); 
    }); 
 
    b = $("input#col").on("change paste keyup", function() { 
        ($(this).val()); 
    }); 
 
    c = $('input[name="size"]').change(function() { 
        ($(this).val()); 
    }); 
 
    d = $('input[type="checkbox"]').click(function() { 
        ($(this).val()); 
    }); 
 
    result= a + b + c; 
    $('span#final_price').text(result); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
<div class="calc"> 
	<h2 class="block__title"> 
	КАЛЬКУЛЯТОР СТОИМОСТИ 
	</h2> 
	<div class="container"> 
		<div class="row"> 
			 
			<div class="col-lg-6"> 
				<div> 
					<label>Что изготавливаем?</label> 
					<select name="action" id="production"> 
						<option value="180">Значки</option> 
						<option value="300">Спортивные медали 
						</option> 
					</select> 
				</div> 
				<div> 
					<label>Особенности</label> 
					<p>Могут повлиять на конечную цену</p> 
					<input type="checkbox" class="pay" value="11"> более 3х цветов эмали 
					<input type="checkbox" class="pay" value="11"> 3D элементы 
					<input type="checkbox" class="pay" value="21"> Двухсоставное изделие 
					<input type="checkbox" class="pay" value="11"> Трехсоставное изделие 
				</div> 
				<div id="pay_price"></div> 
			</div> 
			<div class="col-lg-6"> 
				<div> 
					<label>Количество</label><input type="number" name="num" placeholder="Введите количество" id="col"/> 
				</div> 
				<div> 
					<label>Размер</label> 
 
					<label for=""><input name="size" type="radio" value="0"> 1-3см </p></label> 
					<label for=""><input name="size" type="radio" value="35"> 3.1-5см</p></label> 
					<label for=""><input name="size" type="radio" value="55">5 и более</p></label> 
				</div> 
				<div> 
					<label>Результат:</label> 
					<span id="final_price"> 
						 
					</span> 
				</div> 
			</div> 
		</div> 
	</div> 
</div>

READ ALSO
jquery clone() дублирует клонированные обьекты

jquery clone() дублирует клонированные обьекты

начну сначала, потому что не уверен где проблема скрываетсяесть проект где страницы загружаются путем ajax в том числе и javascript'ы путем

210
Выбирать input в уровнях таблицы

Выбирать input в уровнях таблицы

Добрый день! Использую плагин для создания многоуровневой таблицы https://wwwjqueryscript

384
Передача данных в e-commerce (analytics) из ajax запроса

Передача данных в e-commerce (analytics) из ajax запроса

Добрый день! Прошу помочь решить вопрос передачи в аналитикс данных о заказе с формы покупки в 1 клик которая работает на AjaxВот сам код, php часть...

238