Ребят, прошу помощи, уже с ума схожу!!!
Калькулятор почему то не работает, в чем ошибка???
Вот код:
Код:
<!DOCTYPE html>
</head>
<body>
<div class="custom-container calc-bg clearfix">
<h2 style="margin: 50px 0 0 50px;">
Узнать стоимость проекта просто
</h2>
<div class="calc-price">
<div class="calc-price__form-1 clearfix" id="calculator">
<div class="calc-price-wrap clearfix">
<div class="calc-price__form">
<div class="calc-price__item clearfix">
<label class="size-1" for="square">Площадь</label>
<input id="square" type="number" value="" />
<span class="size-2">м<sup>2</sup></span>
</div>
<div class="calc-price__item">
<input type="checkbox" id="c1" name="c1" value="1" />
<div class="checkbox-cont">
<label for="c1">Проект с нуля <span class="check"></span></label>
</div>
</div>
<div class="calc-price__item">
<input type="checkbox" id="c2" name="c2" value="1" />
<div class="checkbox-cont">
<label for="c2">Проект на основе типового Z500
<div class="check"></div>
</label>
</div>
</div>
</div>
<div class="calc-price__form">
<div class="calc-price__item">
<input type="checkbox" id="c3" name="c3" value="0" data-altval="350" />
<div class="checkbox-cont">
<label for="c3">Эскизный проект
<div class="check"></div>
</label>
</div>
</div>
<div class="calc-price__item">
<input type="checkbox" id="c4" name="c4" value="600" data-altval="650" />
<div class="checkbox-cont">
<label for="c4">Архитектурно-строительный раздел
<div class="check"></div>
</label>
</div>
</div>
<div class="calc-price__item">
<input type="checkbox" id="c5" name="c5" value="750" data-altval="800" />
<div class="checkbox-cont">
<label for="c5">Архитектурно-строительный и инженерный разделы
<div class="check"></div>
</label>
</div>
</div>
</div>
</div>
<div class="final-sum">
<span>Стоимость:</span> <em style="font-style: normal;" id="calculator-result">0</em> руб.
</div>
</div>
</div>
</div>
<script>
$(function() {
function recountPrice()
{
var result = 0;
var standart_sketch;
var standart_arch;
var standart_engin;
var custom_arch;
var custom_engin;
if(current_country == 'UA') {
standart_sketch = 95;
standart_arch = 170;
standart_engin = 220;
custom_arch = 150;
custom_engin = 190;
} else {
standart_sketch = 350;
standart_arch = 650;
standart_engin = 800;
custom_arch = 600;
custom_engin = 750;
}
if ($('#c2').prop('checked')) {
if ($('#c4').prop('checked')) {
result = custom_arch * $('#square').val();
} else if ($('#c5').prop('checked')) {
result = custom_engin * $('#square').val();
}
} else {
if ($('#c1').prop('checked')) {
if ($('#c3').prop('checked')) {
result = standart_sketch * $('#square').val();
} else if ($('#c4').prop('checked')) {
result = standart_arch * $('#square').val();
} else if ($('#c5').prop('checked')) {
result = standart_engin * $('#square').val();
}
}
}
console.log(result);
result = result.toLocaleString('ru-RU');
return result;
}
function calc(thisEl)
{
if (thisEl.prop('id') == 'c2') {
$('#c1').prop('checked', false);
$('#c3').prop('disabled', true);
} else if (thisEl.prop('id') == 'c1') {
$('#c3').prop('disabled', false);
$('#c2').prop('checked', false);
}
if (thisEl.prop('id') == 'c3') {
$('#c4, #c5').prop('checked', false);
}
if (thisEl.prop('id') == 'c4') {
$('#c3, #c5').prop('checked', false);
}
if (thisEl.prop('id') == 'c5') {
$('#c3, #c4').prop('checked', false);
}
var r = recountPrice();
$('#calculator-result').html(r);
}
$('#calculator').on('change', 'input[type="checkbox"]', function() {
calc($(this));
});
$('#calculator').on('keyup', '#square', function() {
$('#calculator #square').change();
$('#calculator-result').html(recountPrice());
});
});
</script>
<script>
$(function() {
$('#calculator').on('change', 'input', function() {
var result = 1;
$('#calculator input').each(function(i, el) {
result = result * $(el).val();
});
$('#calculator-result').val(result);
});
});
</script>
</body>
Решение:
Цитата:
Сообщение от АндрейПершин
Цитата:
Сообщение от Alex11223
|
Блин....так просто)) спасибо, все исправил))) Просто убрал цены для UA
|