Question

我在两个选择框中计算总价格，但现在我需要添加一个可选的复选框。当用户选中此框时，它会额外增加45欧元。但我不知道如何在不同的事件中添加复选框。为了更好地解释上面我留下了我的代码示例。

$("#typeRoom").change(function(){

                          if($(this).val() == "Single room" && $("#hotel option:selected").val() == "Hotel A") {
                            $('#bookprice').html(67).append("€").append(" (Breakfast included)"); 

                            if($("#dinner").is(':checked')){    
                             var din = 45;
                            }else{var din = 0;}


                            var totalPrice = 67 + 195 + din;
                            $('#total').html(totalPrice).append("€");
                          }

我必须在＆＃34;上面插入一个方法;如果（..＃dinner＆＃34; ..＆＃34;晚餐代码＆＃34; $（＆＃34; #typeRoom＆＃34; ）.change（function（）{＆＃34;自动更新总价格，但它不起作用。

有人可以告诉我有没有办法。

Answer 1

你已经定义了两次din变量！尝试以下方法：

$("#typeRoom").change(function(){

                          if($(this).val() == "Single room" && $("#hotel option:selected").val() == "Hotel A") {
                            $('#bookprice').html(67).append("€").append(" (Breakfast included)"); 
                            var din = 0;
                            if($("#dinner").is(':checked')){    
                             din = 45;
                            }


                            var totalPrice = 67 + 195 + din;
                            $('#total').html(totalPrice).append("€");
                          }

希望它会对你有所帮助。

总计添加一个复选框

1 个答案: