Javascript定价滑块

Question

我想知道是否有人可以帮助解决一些小提琴代码，或者解释如何创建一个简单的交互式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

Answer 1

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

Answer 2

查看jQuery UI滑块（带rangemax，rangemin）： http://jqueryui.com/slider/#rangemax

请参阅示例文件以获取示例：）