如何使用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];
});
用于计算总价