Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据形式选择计算多个座位的价格?_Javascript_Jquery_Html - Fatal编程技术网

Javascript 根据形式选择计算多个座位的价格?

Javascript 根据形式选择计算多个座位的价格?,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试创建一个机票预订表单,根据用户输入动态更新定价 到目前为止,我所能做的是根据用户选择的组合(基于某些标准)过滤选项 接下来我需要做的是,让表格根据所选的数量和门票类型计算出各个座位的价格,然后将它们加起来算出总价格 我尝试创建一个关联数组,该数组根据某些标准定义每种类型门票的价格: //price of seating function getPrices(day, time) { var day = $('#whichDay').val(); // gets day valu

我正在尝试创建一个机票预订表单,根据用户输入动态更新定价

到目前为止,我所能做的是根据用户选择的组合(基于某些标准)过滤选项

接下来我需要做的是,让表格根据所选的数量和门票类型计算出各个座位的价格,然后将它们加起来算出总价格

我尝试创建一个关联数组,该数组根据某些标准定义每种类型门票的价格:

//price of seating
function getPrices(day, time) {
    var day = $('#whichDay').val(); // gets day value
    var time = $('#whichSession').val(); //gets time value
    var prices = new Array(); // creates the array

    if (day == 'mon' || day == 'tue' || time == '1pm') {
        prices["SA"] = 12;
        prices["SP"] = 10;
        prices["SC"] = 8;
        prices["FA"] = 25;
        prices["FC"] = 20;
        prices["B1"] = 20;
        prices["B2"] = 20;
        prices["B3"] = 20;
    } else {
        prices["SA"] = 18;
        prices["SP"] = 15;
        prices["SC"] = 12;
        prices["FA"] = 30;
        prices["FC"] = 25;
        prices["B1"] = 30;
        prices["B2"] = 30;
        prices["B3"] = 30;
    }
    return prices;
}
问题是,我不确定从这里到哪里去,或者我是否已经正确地创建了表,以便允许这种计算

有很多工作要做,所以我为你们制作了一把小提琴:


非常感谢

首先,看在上帝的份上,请停止使用表格:D

您的解决方案可能是使用数据属性。 在HTML中显示如下内容:

<input  data-price="99.99"    type="checkbox" class="ticketType" name="FA" value="FA"><span class="first-class">First Class </span> - Adult</td>

希望这有帮助

你考虑过使用击倒吗?请检查:停止使用表格???表格是有效的html,非常适合显示表格数据,如定价表。这是一个建议,而不是他的问题的答案,因此这并不能解释投票结果。我的错!对不起!
var price = $(this).data("price");