Javascript 如何将可变定价和总计添加到预订表单中?

Javascript 如何将可变定价和总计添加到预订表单中?,javascript,php,forms,Javascript,Php,Forms,以下是我试图实现的目标: 首先,我想在那里找到一个位置,列出所选房间的价格 其次,如果他们选择多个房间或其他物品,我需要将价格加总(一旦我确定了价格,他们就可以选择租船、水疗、门票等,他们可以将这些加总到房间总数中) 第三,我试图找出一种方法来显示每个房间的价格,并根据他们选择的日期进行价格调整。例如,如果他们在夏天选择一个工作日,如果他们选择了一个周末,它将显示一个不同的费率;如果他们选择了多个工作日,它将显示并列出周末和工作日的不同费率。如果他们预订了7晚或7晚以上,也会自动提供一晚免费住宿

以下是我试图实现的目标:

首先,我想在那里找到一个位置,列出所选房间的价格

其次,如果他们选择多个房间或其他物品,我需要将价格加总(一旦我确定了价格,他们就可以选择租船、水疗、门票等,他们可以将这些加总到房间总数中)

第三,我试图找出一种方法来显示每个房间的价格,并根据他们选择的日期进行价格调整。例如,如果他们在夏天选择一个工作日,如果他们选择了一个周末,它将显示一个不同的费率;如果他们选择了多个工作日,它将显示并列出周末和工作日的不同费率。如果他们预订了7晚或7晚以上,也会自动提供一晚免费住宿。并根据季节进行调整

我想我在这方面做得太过火了,如果我是,正如我所怀疑的那样,有没有其他的方法来解决这个问题

以下是我正在使用的表格:

代码呢

(function($){
function floatLabel(inputType){
    $(inputType).each(function(){
        var $this = $(this);
        // on focus add cladd active to label
        $this.focus(function(){
            $this.next().addClass("active");
        });
        //on blur check field and remove class if needed
        $this.blur(function(){
            if($this.val() === '' || $this.val() === 'blank'){
                $this.next().removeClass();
            }
        });
    });
}
// just add a class of "floatLabel to the input field!"
floatLabel(".floatLabel");

很难理解你的想法。这在我这边可能是个问题,所以请不要生气

答案-你能有一个物品清单,上面有关于每个报价的信息吗?这样你们就可以知道总价格——若有什么东西被改变了,那个么你们可以跟踪改变,更新对象,或者从列表中删除它——然后汇总得到总价格

将优惠列表视为对象—添加优惠、删除优惠、更改优惠—这些都是方法。此外,总结应为单独报价。在进行更改时,您需要触发适当的方法,获取新值,并将它们放置到正确的位置


另一个选择是考虑角度。。。就我个人而言,我不喜欢那种“问题-只需使用更大的库…”的建议,但它可以解决这个问题。使用双向绑定,您只需放置变量并更新它

房间定价的一套规则是从哪里来的?我没有把它们放进去,因为我有点不知道该怎么做,在哪里做。我打算用这样的话:好吧。。。这很有帮助。我正在编写一个php脚本,看看我是否不能得到我想要的。你要为服务器端定价吗?不。我只需要一些前端的东西让客户看到。