兩個jQuery表單滑塊

Question

我需要兩個jQuery表單滑塊的幫助。我有這個代碼

$("#slider").slider({ 
range: "min", 
value: 10, 
step: 10000, 
min: 100000, 
max: 1000000, 
}); 

$('#slider').slider() 
.on('slide', function(ev){ 
var datafirst = ev.value*(Math.pow(1.11, 5)); 
document.getElementById("bar").innerHTML = datafirst; 

}); 

$("#slider-year").slider({ 
range: "min", 
value: 10, 
step: 1, 
min: 5, 
max: 15, 
}); 
$('#slider-year').slider() 
    .on('slide', function(ev){ 
var datasecond = ev.value; 
document.getElementById("yeartotal").innerHTML = datasecond; 

    }); 

和我需要的是從第一個滑塊和第二個滑塊，並將它們統計爲全部。

謝謝你的每一個答案。

Answer 1

LIVE DEMO

var datafirst = 0; 
var datasecond = 0; 

$("#slider").slider({ 
    range: "min", 
    value: 10, 
    step: 10000, 
    min: 100000, 
    max: 1000000, 
    slide: function(ev, ui) { 
    datafirst = ui.value * Math.pow(1.11, 5); 
    $("#bar").text(datafirst); 
    } 
}); 
$("#slider-year").slider({ 
    range: "min", 
    value: 10, 
    step: 1, 
    min: 5, 
    max: 15, 
    slide: function(ev, ui) { 
    datasecond = ui.value; 
    $("#yeartotal").text(ui.value); 
    } 
}); 

// you can access at any time your variables 
// datafirst and datasecond and calculate whatever you need to.