Javascript “获取总附加值”复选框

我在两个选择框中计算总价，但现在我需要添加一个可选的复选框。当用户选中此框时，会额外增加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("€");
                          }

我必须在“if（..#dinner.”上方插入一种方法。dinner编码“$（“#typeRoom”）。更改（function（）{”以自动更新总价，但它不起作用

---

有人能告诉我有什么办法吗。

您已经定义了两次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("€");
                          }

---

希望它能对您有所帮助。

请检查您的语法和代码格式，两者都可以改进。当您说“它不起作用”时“试着解释一下你预期会发生什么和正在发生什么。但这仍然不能解决我的问题，因为我选择房间后检查的总价格不会更新，也不会实时自动更新。我建议将所有代码添加到函数中，并从每个事件调用它，如下面所示：'code'函数CalculateCost（）{…在此处添加所有现有代码}然后在每个事件上，如$（“#typeRoom”）.change（function（）{CalculateCost（）；}）