两个滑块(范围)

时间:2013-03-29 21:27:26

标签: jquery html5 slider range

我想在我的页面上创建一个贷款计算器。所以我需要两个滑块,一个用于“你想借多少”,另一个用于“多长时间”。并结合他们的输出。 像(多少)+(多长时间)并将其打印为单独的输出。 我想我已经尝试了一切......最好的解决方案似乎是jQuery,但我被困在那里...... 拜托,有办法吗? 谢谢,彼得

1 个答案:

答案 0 :(得分:0)

为此,我过去使用过jQuery UI(http://jqueryui.com/slider/)。您可以将它们放在页面上,然后编写一个简单的脚本来打印出两个输入。

如果要访问该页面上滑块的值,请在脚本中键入$('#slider').val()以获取值。如果要在移动滑块时更新输出,只需编写类似

的内容即可
<script>
$('#slider').change( function () { 
    $('#sliderDisplay').html( $('#slider').val());
});
</script>