javascript - 数量价格折扣 html/java/php

Question

我的“价格”页面上需要一个 slider ，该 slider 将调整数量，以便客户可以获得服务的即时报价。

数量应从 1 到 500 或 1000，但旁边的输入框会有所帮助。

另一个问题是我需要不同数量范围的不同价格，

示例:

quantity=1-3 price=20/unit
quantity=4-10 price=17/unit
quantity=11-50 price=15/unit

等等..

到目前为止，我有这个，我什至不确定我是在几英里之外还是非常近，并且没有意识到......请帮忙。

    <input type="range" min="1" max="1000" value="1" step="1" onchange="sliderChange(this.value)" style="margin-left:5%; margin-right:5%; width:90%;" />
    <br />
    <br />Slider Value = <span id="sliderStatus">1</span> 
    <p id="demo"></p>

    <script>
      var x = 30;
      var z = x * y;


      if (0 < x) {
        var y = 13;
      }
      if (10 < x < 21) {
        var y = 12;
      }
      if (20 < x < 31) {
        var y = 11;
      }
      if (30 < x < 41) {
        var y = 10;
      }
      document.getElementById("demo").innerHTML = z;
    </script>

Answer 1

您的 html 调用 sliderChange 函数，因此您的 JS 应该是

function sliderChange(number) {
    if(number > 10 && number < 51) {
        $(".demo").html((number*15));
    } else if(number > 4 && number < 11){
        $(".demo").html((number*17));
    } else {
        $(".demo").html((number*20));
    }
}

然后，可以通过复制并粘贴 else if block 来获得任何更高的数量折扣，只需将这些数字更改为您想要的数字，例如(“number > 50 && number < 100 )