-1

我想知道是否有人可以提供一些 Fiddle 代码,或者解释如何创建一个简单的交互式 JavaScript 定价滑块。

我所追求的是一个从 50 到 500 的滑块,边栏以 1 为增量上升(所以当你向左或向右滑动时,你会得到一个数字 - 1、2、3 等)

在职员工人数

 -50---100---150---200---250---300---350---400---450---500

        <-----         |||         ----->

软件价格:

[£2 per employee]

如果选中此复选框,我还想将额外的 1 英镑绑定到总成本:

Add £1 for this additional feature: [x]

^ 这是一个复选框,它会£1为每个添加的员工动态更新价格。

任何人都可以帮助我创建 JavaScript 或指导我使用插件来执行此操作吗?

这是一个类似的定价图表:https ://www.bamboohr.com/pricing.php

4

2 回答 2

1

您可以尝试使用这个 jslider 插件http://egorkhmelev.github.io/jslider/

于 2013-08-09T10:21:05.003 回答
0

看看 jQuery UI 滑块(带有 rangemax、rangemin):http: //jqueryui.com/slider/#rangemax

有关示例,请参见示例文件 :)

于 2013-08-09T10:12:45.187 回答