Javascript 数量html/java/php的价格折扣

我需要在我的“价格”页面上设置一个滑块，该滑块将调整数量，以便客户能够立即获得服务报价

数量应该在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>

滑块值=1

var x=30；
var z=x*y；
if（0

您的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));
    }
}

功能滑块切换（编号）{
如果（编号>10&&编号<51）{
$（“.demo”）.html（（编号*15））；
}否则，如果（编号>4&&编号<11）{
$（“.demo”）.html（（编号*17））；
}否则{
$（“.demo”）.html（（编号*20））；
}
}

---

然后，任何更高的数量折扣都可以通过复制和粘贴

来实现，否则如果

阻塞，只需将这些数字更改为您想要的数字，例如（“数字>50&&number<100）

您的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));
    }
}

功能滑块切换（编号）{
如果（编号>10&&编号<51）{
$（“.demo”）.html（（编号*15））；
}否则，如果（编号>4&&编号<11）{
$（“.demo”）.html（（编号*17））；
}否则{
$（“.demo”）.html（（编号*20））；
}
}

---

然后，任何更高的数量折扣都可以通过复制和粘贴

来实现，否则如果
阻塞，只需将这些数字更改为您想要的数字，例如（“数字>50&&number<100）
您需要一个调用javascript的函数。添加如下按钮：

试试看

然后在脚本中调用该函数

    function myFunction() {
         var x = document.getElementById("myRange").value;
         // your code with prices
    }

您需要一个函数来调用javascript。添加如下按钮：

试试看

然后在脚本中调用该函数

    function myFunction() {
         var x = document.getElementById("myRange").value;
         // your code with prices
    }

这是一个开始，它应该让你走上正确的道路来完成：

html:





滑块值=1


jquery：

$("#slider").on('change',function() {
var selectedQty = $(this).val();
$('#sliderStatus').text(selectedQty);


var itemTotal = 0;
 switch (true) {
    case (selectedQty <= 3) :
        itemTotal = 20 * selectedQty;
        break;
    case (selectedQty <= 10) :
        itemTotal = 17 * selectedQty;
        break;
    default:
        itemTotal = 25 * selectedQty;
        break;
  }
  alert(itemTotal);
  $('#demo').text(itemTotal);
});

$（“#滑块”）.on（'change'，function（）{
var selectedQty=$（this.val（）；
$（“#滑块状态”）.text（selectedQty）；
var itemTotal=0；
开关（真）{
案例（selectedQty以下是一个开始，它应该让您走上正确的完成之路：

html:





滑块值=1


jquery：

$("#slider").on('change',function() {
var selectedQty = $(this).val();
$('#sliderStatus').text(selectedQty);


var itemTotal = 0;
 switch (true) {
    case (selectedQty <= 3) :
        itemTotal = 20 * selectedQty;
        break;
    case (selectedQty <= 10) :
        itemTotal = 17 * selectedQty;
        break;
    default:
        itemTotal = 25 * selectedQty;
        break;
  }
  alert(itemTotal);
  $('#demo').text(itemTotal);
});

$（“#滑块”）.on（'change'，function（）{
var selectedQty=$（this.val（）；
$（“#滑块状态”）.text（selectedQty）；
var itemTotal=0；
开关（真）{
case（selectedQty）在滑块的更改事件上调用函数（sliderChange（this.value）），但我在javascript中看不到该函数。您是否缺少一些代码？并且您的javascript…一团糟：（首先，您应该为变量使用有意义的名称（而不是x、y和z）…您正在调用函数（sliderChange）（this.value）），但我在javascript中看不到该函数。您是否缺少一些代码？并且您的javascript…一团糟：（首先，您应该为变量使用有意义的名称（而不是x、y和z）…或者，在第一个选项之后，你可以没有其他块，所有选项只能有其他如果。或者，在第一个选项之后，你可以没有其他块，所有选项只能有其他如果。先生，你真是个神！！！到目前为止，我已经浪费了40多个小时试图找到代码补丁来完成这项工作，但没有任何效果，你帮了我一个大忙e:）难以置信，我说不出话来你是上帝！！！到目前为止，我已经浪费了40多个小时试图找到代码补丁来完成这项工作，但没有任何效果，你为我节省了大量时间：）难以置信，我说不出话来