jQuery的滑塊計算器

Question

您好我想創造一些滑塊，我需要做的就是讓這中有3個選項滑塊：

1. 用戶想借用（12,500高達100,000）金額 - 從哪裏選擇在這裏

2. 09期基於價值每月還款會顯示一個值 - 從那裏選擇在這裏

3. 過了多久（從五個年高達25yrs）將顯示一個值。

我已經看過其他人在這裏，但不太明白他們是如何工作的邏輯上，所以如果任何人可以幫助將是偉大的。

我加入了一個快速的圖像我到Dropbox的製作：http://dl.dropbox.com/u/12506430/sliders.jpg

Answer 1

Demo here。

<h2>How much would you like to borrow?</h2> 
<div id="amount"></div> 

<h2>Over how long?</h2> 
<div id="period"></div> 

<h2>Result</h2> 
Your monthly payment will be $<span id="monthly">204.86</span> 


function update() { 
    var amount = $('#amount').slider('value'); 
    var period = $('#period').slider('value'); 
    var monthly = (amount + amount * 0.03 * period)/(period * 12); 
    $("#monthly").text(monthly.toFixed(2)); 

} 

$("#amount").slider({ 
    value: 12500, 
    min: 12500, 
    max: 100000, 
    step: 50, 
    slide: function() { 
     update(); 
    } 
}); 

$("#period").slider({ 
    value: 5, 
    min: 5, 
    max: 25, 
    step: 1, 
    slide: function() { 
     update(); 
    } 
});