Калькулятор цен с

322
23 июня 2017, 08:42

С помощью <input type=range> задаем количество товара. Цена единицы товара, перечисленная в массиве tariff[75,70,66,62,58,55] колеблется в зависимости от количества, чем больше товара, тем дешевле, по конкретным диапазонам:

  • 1-2шт - 75
  • 3-5шт - 70
  • 6-10шт - 66
  • 11-20шт - 62
  • 21-50шт - 58
  • 50-100шт - 55

Не получается сделать, что бы выбранно кол-во перемножалось на соответствующую цену, пробовал через switch...case, но все перемножается на первую цену из массива, что по идее логично.

Как сделать, что бы при выборе количества слайдером цена за единицу всегда подбиралась в соответствии с диапазоном?

Пример https://jsfiddle.net/wp8ow8vz/

Answer 1

function rangeCalc(i) { 
  var tariff = [[2, 75],[5, 70],[10, 66],[20, 62],[50, 58],[100, 55]]; 
  $.each(tariff, function() { 
    if (this[0] <= i) 
    { 
      var price = this[1]; 
      $('.calc-price').text(i*price); 
    } 
  }) 
}; 
 
$('.calc-range').on('input', function(){ 
  $('.calc-count').text(this.value); 
  rangeCalc(this.value); 
}); 
 
$(document).ready(function($) { 
 
rangeCalc($('.calc-range').val()); 
 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<h2>Сколько нужно кружек?</h2> 
	<input class="calc-range m-top-20" type="range" min="1" max="100" step="1" value="1"> 
	Количество:<div class="calc-count">1</div> 
	Стоимость<span class="calc-price">100</span> руб

READ ALSO
Ajax - показать кнопку если файл существует

Ajax - показать кнопку если файл существует

Как показать кнопку если файл существует на сервере или скрыть кнопку если файла нет (можно с jquery или без), при этом периодически проверять...

241
Плагин параллакс

Плагин параллакс

Посоветуйте небольшой плагин для параллакс эффекта, те

331
Отображение и скрытие элементов

Отображение и скрытие элементов

У меня есть такая табличкаПодскажите как сделать так, чтобы по клику на элемент с классом table__row_active открывались все элементы с классом table__row_noactive...

257
Регулярное выражение и изменение поля js

Регулярное выражение и изменение поля js

Сейчас делается проверка на стороне клиента полей на заполнение и проверка регулярным выражениемНаписано все объемно,так скажем примитивно...

247