javascript - 如何将可变定价和总计添加到我的预订表格中？

Question

这是我想要实现的目标:

首先，我试图找到一个列出所选房间价格的位置。

其次，如果他们选择多个房间或其他项目，我需要将价格加起来(一旦我确定了价格，就会有船只租赁、水疗护理、门票等选项，他们可以将这些选项添加到总价中)房间的)。

第三，我试图找到一种方法来显示每个房间的价格，并根据他们选择的日期进行价格变化。例如，如果他们选择夏季的一个工作日，它将显示一个与选择周末不同的费率，或者如果他们选择多天，它将显示并列出周末和工作日的不同费率。如果预订 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");

Answer 1

很难遵循你的想法。这可能是我这边的一个问题——所以请不要生气。 :)

对于答案 - 您能否提供包含每个报价信息的对象列表？这样您就可以知道总价 - 如果某些内容发生更改，您可以跟踪更改、更新对象或将其从列表中删除 - 然后求和得到总价。

将优惠列表视为对象 - add_offer、remove_offer、change_offer - 这些都是方法。 sum_up 也应该是单独的报价。在发生变化时，您需要触发正确的方法，获取新值，并将它们放置在正确的位置。

其他选择是考虑 Angular ...我个人不喜欢这种建议“问题 - 只需使用更大的库...”但它可以解决这个问题。使用两种方式绑定(bind)，您只需放置变量并更新它...