根据形式选择计算多个座位价格
Calculate multiple seating prices based on form selection?
我正在尝试创建一个基于用户输入动态更新定价的机票预订表单。
到目前为止,我所能做的是根据用户选择的组合来过滤选项(这是基于某些标准的)。
接下来我需要做的是让表格根据所选的数量和票的类型计算出每个座位的价格,然后把它们加起来得到总价格。
我尝试创建一个关联数组,它根据特定的条件定义每种类型门票的价格:
//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;
}
问题是我不确定从这里去哪里,或者我是否已经适当地创建了表,以便它允许这种计算。
有很多工作,所以我创建了一个小提琴给你们玩:http://jsfiddle.net/qtsxkgrw/2/
提前感谢!
首先,看在上帝的份上,请停止使用表格。: D
您的解决方案可能是使用data属性。像这样在你的HTML中:<input data-price="99.99" type="checkbox" class="ticketType" name="FA" value="FA"><span class="first-class">First Class </span> - Adult</td>
并使用:
获取值var price = $(this).data("price");
希望这对你有帮助!
相关文章:
- 计算用户从多个文件中选择的选项数量
- Javascript-如何使用bootstrap日期时间选择器自动计算两个时间输入之间的差异
- 如何根据HTML下拉列表中的数量选择来计算价格
- 嗨,我正试图将我的movieprice数组从复选框值传递给另一个计算选择总数的函数,但我的代码没有;t运行
- 如何使用下拉菜单修复jquery日期选择器日期计算功能
- 从选择选项下拉列表中计算多个值
- 如何使用选择框输入进行计算?HTML和JS
- 计算日期选择器+时间选择器是否在东部标准时区的过去
- 更改选择框时计算价格变化
- 计算在多个下拉框中选择某个对象的次数
- Jquery 使用日期选择器计算天数
- Jquery 根据选择值计算折扣
- 根据 jquery 中 2 个选择列表的选定值动态计算的最佳方法
- 使用 each() 选择并计算未选中复选框的长度
- 如何计算两个日期选择器之间的差异
- 如何让用户使用 javascript 在其本地计算机上选择一个文件夹(而不是文件)
- 根据表单内的选择菜单值计算值
- Shopify (液体) 计算选择和更改样式中的选项大小
- 当更改页面大小时,动态地重新计算选择框的鼠标位置
- 计算选择框值