Javascript/JQuery 显示单个席位的总成本

Javascript/JQuery to display the total of individual seat costs

本文关键字：总成本 单个席 显示 JQuery Javascript      更新时间：2023-09-26

如何使用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'});

你应该做这样的事情： 

$.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];
});

用于计算总价

相关文章：