来自onclick的sum值获取请求foreach jquery

Question

我试图总结jQuery中从json get请求获得的值.相反,它不断替换值而不是在变量中求和total.

请问我如何总结每次点击的价值？

继承我的代码

$(".checks").on("click", function(){
  var clicked = $(this);
  var room = clicked.val();
  var total = 0;

  if(this.checked) {
    $.get('/rooms.json', function(data){ 
      data.forEach(function(d){
        if(room == d.id){
          total += parseInt(d.room_type.price);
          $("#selected_rooms").append("<p>" + d.number + " @ " + d.room_type.price + "</p>");
          $("#total_amount").html("<p>" + total + "</p>");
        }
      });
    });
  } else {
    $("#selected_rooms").
  }
});

Answer 1

您必须total在click事件处理程序之外初始化变量.

var total = 0;
$(".checks").on("click", function(){
  var clicked = $(this);
  var room = clicked.val();

  $.get('/rooms.json', function(data){ 
    data.forEach(function(d){
      if(room == d.id){
        total += parseInt(d.room_type.price);
        $("#selected_rooms").append("<p>" + d.number + " @ " + d.room_type.price + "</p>");
        $("#total_amount").html("<p>" + total + "</p>");
      }
    });
  });
});