jQuery를 슬라이더는 좀 슬라이더를 만들

Question

안녕하세요 계산기, 내가 뭘해야 거기에 3 가지 옵션이있는 슬라이더하는 것입니다 :

1. 사용자가 (12,500에서 100,000 개까지) 대출하고자하는 금액을 선택기 값 매달 상환에 따라 여기

2. 견적 어디에서 값을 표시합니다 - - 셀렉터 시간 (오 세에서 25yrs 개까지) 동안 여기

3. 곳에서 값을 표시합니다.

내가 여기에 다른 사람을 보았다하지만 매우 도움이 될 사람이 좋은 것, 그래서 만약 그들이 논리적으로 작동하는 방법을 이해하지 않습니다. 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(); 
    } 
});