如何在我的预订表格中添加可变价格和总计?

时间:2016-04-14 16:29:39

标签: javascript php forms

这是我想要完成的事情:

首先,我想到那里找一个列出所选房间价格的地方。

其次,如果我们选择多个房间或其他物品,我需要价格总计(一旦我得到定价,将有船租赁,水疗,门票等选项,他们可以添加到总数的房间)。

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

我认为我在这里已经过时了,如果我是,我怀疑,有不同的方法可以解决这个问题吗?

这是我正在使用的表单:

https://jsfiddle.net/kg5wa2Lv/

代码

(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");

1 个答案:

答案 0 :(得分:1)

很难听从你的想法。这可能是我身边的问题 - 所以请不要生气。 :)

答案 - 您是否有包含每个优惠信息的对象列表?通过这种方式,您可以告诉总价 - 如果某些内容发生了变化,那么您可以跟踪更改,更新对象或从列表中删除它 - 然后总结得到总数。

将商品列表视为对象 - add_offer,remove_offer,change_offer - 这些是方法。 sum_up也应该是单独的报价。在更改时,您需要触发正确的方法,获取新值,并将它们放在正确的位置。

其他选择是考虑角度...个人我不喜欢那种建议“问题 - 只是使用更大的图书馆......”但它可以解决这个问题。使用双向绑定,您只需放置变量,然后更新它......