Чекбокс - если активен +1 к результату - не прибавляет если не изменить другой инпут
Нужно чтобы при выборе чекбокса к сумме добавлялось значение 1. Значение добавляется если активен и обратно вычитается если деактивен, но только после изменения инпутов выше.
То есть я ставлю галочку чтобы добавилась единица нужно изменить инпуты выше, я убираю галочку опять же пока не изменю инпуты то единица не отнимется..
А нужно, чтобы поставив галочку сразу добавлялась единица
var course = 0;
$.ajax({
type: 'get',
url: 'https://bank.gov.ua/NBUStatService/v1/statdirectory/exchange',
dataType: 'xml',
success: function(response) {
$(response).find("currency").each(function(i,elem) {
if($(elem).find('cc').text() == 'USD') {
course = +$(elem).find('rate').text();
}
if($(elem).find('cc').text() == 'EUR') {
course1 = +$(elem).find('rate').text();
}
if($(elem).find('cc').text() == 'TRY') {
course2 = +$(elem).find('rate').text();
}
})
}
});
$('input').on('keyup',function(){
var value8, value9, resultat8, resultat9, b, d;
value8 = parseFloat($('#val8').val()).toFixed(4);
value9 = parseFloat($('#val9').val()).toFixed(4);
let a = Number(value8);
let c = Number(value9);
if(a <= 0.25) {
b = 3.8;
}
else if (a > 0.25 && a <= 0.500) {
b = 5.8
}
else if (a > 0.500 && a <= 0.7500) {
b = 7.5;
}
else if (a > 0.7500 && a <= 1.000) {
b = 8.5;
}
else
{
b = 8 * a;
}
$('#rezultat8').val(b.toFixed(2) + "$");
var trytoeur;
trytoeur = c*course2/course1;
if(trytoeur <= 100) {
d = 0;
}
else if (trytoeur > 100 && trytoeur <= 150) {
d = (trytoeur-100) * 0.2;
}
else if (trytoeur > 150) {
d = (trytoeur-100) * 0.2 + (trytoeur - 150) * 0.1;
}
else
{
d = 0;
}
$('#rezultat9').val((d*course1/course).toFixed(2) + "$");
resultat8 = parseFloat($('#rezultat8').val()).toFixed(2);
resultat9 = parseFloat($('#rezultat9').val()).toFixed(2);
let r8 = Number(resultat8);
let r9 = Number(resultat9);
var t;
if ($("#agree").prop('checked') == true) {
t = 1;
}
else {
t = 0;
}
$('#total').val((r8+r9+t).toFixed(2) + "$");
});
<style>
#quantitypc {
width: 80px;
margin: 6px;
}
#quantityserver {
width: 80px;
margin: 6px;
}
#pricepc,#priceserver,#total {
width: 100px;
margin: 2px;
height: 20px;
}
</style>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div style="text-align: center">
<h1> Расчёт доставки и общей стоимости</h1>
<label for=quantity> Вес товара: </label>
<input type='text' id='val8' placeholder=" 0.25 kg" />
<br />
<label for=price> Сумма доставки: </label>
<input input type='text' id='rezultat8' value=" 3,8$" disabled />
<br />
<br />
<label for=quantity>Цена товара </label>
<input type='text' id='val9' placeholder=" 780tl" />
<br />
<label for=price>За превышение </label>
<input input type='text' id='rezultat9' value=" 50$" disabled/>
<br />
<br />
<input id="agree" type="checkbox" value="1"> Доставить по адресу
<br />
<br />
<label for=total>Общая сумма к оплате: </label><input name="total" id="total" placeholder=" 78.5$" disabled/>
</div>