如何为范围滑块产生输出

时间:2018-09-20 11:06:56

标签: javascript jquery html css

我正在为我的网站创建一个范围滑块,以便企业可以根据将要使用多少用户来计算产品的价格。

我设法使范围滑块从1到500:

with cte as (
      select t.unique_id, start_date, end_date, start_date as year_of_account
      from t
      union all
      select t.unique_id, start_date, end_date, dateadd(year, 1, year_of_account)
      from cte
      where year_of_account < end_date
     )
select *
from cte
order by unique_id, year_of_account;
option (maxrecursion 0)
var $element = $('input[type="range"]');

$element
  .rangeslider({
    polyfill: false,
    onInit: function() {
      var $handle = $('.rangeslider__handle', this.$range);
      updateHandle($handle[0], this.value);
    }
  })
  .on('input', function(e) {
    var $handle = $('.rangeslider__handle', e.target.nextSibling);
    updateHandle($handle[0], this.value);
  });

function updateHandle(el, val) {
  el.textContent = val;
}

但是,现在我需要在更改滑块时输出价格。对于前250位用户,价格为10英镑,然后对于251-500位用户,价格为9英镑,但前250位用户的价格为10英镑,之后每增加500位用户,则需要为每位用户增加9英镑。

有人可以帮助我吗?

0 个答案:

没有答案