
Untitled
By: a guest on
May 7th, 2012 | syntax:
None | size: 0.78 KB | hits: 11 | expires: Never
jQuery UI Sliders - Adding values together from different sliders into one value
<script>
$(function() {
$("#slider1").slider({
min: 0,
max: 100,
slide: function(event, ui) {
$('#slider1').slider("option", "value", ui.value);
var amountOne = $('#amount').val(ui.value);
}
});
$("#slider2").slider({
min: 0,
max: 100,
slide: function(event, ui) {
$('#slider2').slider("option", "value", ui.value);
var amountTwo = $('#amount2').val(ui.value);
}
});
});
</script>
<div id="slider1" style="width:100px"></div>
<div id="slider2" style="width:100px"></div>
<input id="amount" />
<input id="amount2" />
<input id="amount3" />
var amountOne = $('#slider1').slider("option", "value");
var amountTwo = $('#slider1').slider("option", "value");