0

私は次のことで立ち往生しています：

サイズや注文サイズによって価格が異なる商品があります。例。1x 小 = $10,-- 2x 小 = $17,50 3x 小 = $20,--

これはスライダーにあり、ハンドルは注文サイズを設定し、金額は注文の価格を示します。しかし、今は別のスライダーを追加して、他の製品サイズ (中、大) を選択したいと考えています。

2 番目のスライダーの値は合計金額に影響します。

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');
});​
4

1 に答える 1

0

スライダーを動かしたら、合計値を変更します。

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
于 2012-09-01T16:01:39.623 に答える