Question

我坚持以下：

根据尺寸和订单大小，我有不同价格的产品。例。 1x小= 10美元， - 2x小= $ 17,50 3x小= 20美元， -

我在滑块中有这个，其中手柄设置订单大小和金额显示订单的价格。但现在我想添加另一个滑块来选择其他productsize（中，大）

第二个滑块的值将影响总价格。

If slider1 = 1 (piece)
and if slider2 = Small
then Price =  $ 10,--

If slider1 = 1 (pieces)
and if slider2 = Medium
then Price = $ 12,50

等。等

因此总订单价格取决于两个滑块的价值。可以请有人帮帮我吗？

现在我有了这个：

$(function() {
    var sizes1 = ["10", "17,50", "20"];
    $("#slider").slider({
        value: 0,
        min: 0,
        max: sizes1.length - 1,
        step: 1,
        slide: function(event, ui) {
            $("#amount").val(sizes1[ui.value]);
        }
    });
    $("#amount").val('10');
});

Answer 1

移动滑块时，更改总值：

var sizes1 = ["10", "17,50", "20"];
var sizes2 = ["12,50", "...", "..."];
var sizes3 = ["...", "...", "..."];

function calculateprice() {
    var slider1 = $("#slider1").slider("value");
    var slider2 = $("#slider2").slider("value");

    if (slider2 == 1) $("#amount").val(sizes1[slider1]); //Small
    if (slider2 == 2) $("#amount").val(sizes2[slider1]); //Medium
    //etc
}

//create your 2 slides
$("#slider1").slider({
    value: 0,
    min: 0,
    max: sizes1.length - 1,
    step: 1,
    slide: function(event, ui) {
        calculateprice();
    }
});

//etc

jquery滑块|金额取决于两个滑块的价值

1 个答案: