Андрей М.
1 сообщение
#12 лет назад
Доброго времени суток, всем!
Стала задача сделать калькулятор (почти кредитный) с использованием UI slider.
Слайдер отвечает за срок, процент и сумму. Но ещё нужны радиокнопки, которые бы разбили месяц на недели и года, чтобы показывалась сумма выплаты в неделю, месяц или год.
Три слайдера работают нормально, а вот как прикрутить радиокнопки, чтобы на лету меняли цифры, не могу догнать.
Прошу помощи, кто чем может. Вторые сутки парюсь...
Пример:

// Срок
$(function() {
$("#slider-range-max").slider({
range: "max",
min: 12,
max: 36,
value: 24,
slide: function(event, ui) {
$("#amount").val(ui.value);
calc();
}
});
$("#amount").val($("#slider-range-max").slider("value"));
});

// Процент аванса
$(function() {
$("#slider-range-max2").slider({
range: "max",
min: 15,
max: 50,
value: 15,
slide: function(event, ui) {
$("#amount2").val(ui.value);
calc();
}
});
$("#amount2").val($("#slider-range-max2").slider("value") );
});

// Сумма
$(function() {
$("#slider-range-max3").slider({
range: "max",
min: 300000,
max: 50000000,
step: 100000,
value: 3000000,
slide: function(event, ui) {
$("#amount3").val(ui.value);
calc();
}
});
$("#amount3").val($("#slider-range-max3").slider("value") );
});

// А вот тут нужно разбить месяц на недели и года. Импровизация.

$(function() {
$(":radio").click(function() {
if ($(this).val() == 1) {
srok = amount*4;
calc();
}
else if ($(this).val() == 2) {
srok = amount;
calc();
}
else if ($(this).val() == 3) {
srok = amount/12;
calc();
}

});
$("#radiotest").val($(":radio").click("value"));
});


function calc(){
amount = document.calc.amount.value;
amount2 = document.calc.amount2.value;
amount3 = document.calc.amount3.value;
srok = document.calc.srok.value; ---- Импровизация

$('#radiotest').html(srok);


cena = document.calc.amount3.value;
procent = cena/100*document.calc.amount2.value;


var square = Math.ceil(cena-procent)*1.1153276/srok;
$resultitogo = square.toFixed(1);
$('#itogo').html('Итого: <span>'+$resultitogo+' руб</span>');

return false;
};