Question

如何使用JavaScript / JQuery显示所选座位的总费用，以便用户可以查看他们为座位选择支付所需的额外费用。

每个座位都有一个不同的值，我从JSON文件中提取。因此，如果1C座位成本为4.99，2B成本为5.99,8C成本为13.99,8F成本为13.99，我希望能够显示总结的成本。

这是我在javascript中将JSON价格附加到行中的内容。

    var seatPrices1aTo1f = JSON.stringify(d.pricing[0].price);
    var seatPrices2aTo6f = JSON.stringify(d.pricing[1].price);
    var seatPrices7aTo11f = JSON.stringify(d.pricing[2].price);
    var seatPrices12aTo13f = JSON.stringify(d.pricing[3].price);
    var seatPrices14aTo23f = JSON.stringify(d.pricing[4].price);

    // Categories (and remove "" quotes)
    var cat1aTo1f = JSON.stringify(d.pricing[0].cat).replace(/"|-/g, "");
    var cat2aTo6f = JSON.stringify(d.pricing[1].cat).replace(/"|-/g, "");
    var cat12aTo13f = JSON.stringify(d.pricing[3].cat).replace(/"|-/g, "");

    console.log(seatPrices2aTo6f);
    console.log(5-6);

    $('.row1').children('td').attr({'data-price':seatPrices1aTo1f,'data-category':cat1aTo1f});
    $('.row2,.row3,.row4,.row5,.row6').children('td').attr({'data-price':seatPrices2aTo6f,'data-category':cat2aTo6f});
    $('.row7,.row8,.row9,.row10,.row11').children('td').attr({'data-price':seatPrices7aTo11f,'data-category':'Standard'});
    $('.row12,.row13').children('td').attr({'data-price':seatPrices12aTo13f,'data-category':cat12aTo13f});
    $('.row14,.row15,.row16,.row17,.row18,.row19,.row20,.row21,.row22,.row23').children('td').attr({'data-price':seatPrices14aTo23f,'data-category':'Standard'});

Answer 1

您应该执行以下操作：

$.ajax({
    url: "path/to/file/prices.json",
    success: function (data) {
        prices = JSON.parse(data);
    }
});

解析价格，然后是

var total = 0;
$('.n:contains(\'F\') .selected').each(function(index, item){
    total += prices[item.id];
});

用于计算总价

Javascript / JQuery显示个人座位总费用

1 个答案: