jquery函数工作一次，然后击败.prop复选框点击以后

Question

我正在跟踪复选框上的单击以更改li的类，然后触发另一个更新javascript对象中的值的函数。它第一次工作，但随后点击列表中的任何复选框都不会产生任何效果。

如果我在类更改结束时添加.checkboxradio（“refresh”），则框和类更改会再次起作用，但对象不会更新。

$(".goals").delegate("input[type=checkbox]", "click", function() {
  goalguid = $(this).parent().parent().data("goalguid");
  emailGoal = $(this).parent().data('goal');
  if ($(this).prop("checked")) {
    $(this).parent().parent().removeClass("inprogress missed").addClass("completed").prop("checked", true);
    updateStatus = 'completed';
    return updateTheGoal();
  } else {
    $(this).parent().parent().removeClass("completed").addClass("inprogress").prop("checked", false);
    updateStatus = 'inprogress';
    return updateTheGoal();
  }
});

updateTheGoal = function() {
  var goalList;
  $.each(goals, function(i, el) {
    if (el.goalguid === goalguid) {
      el.status = updateStatus;
      return false;
    }
  });
  localStorage.setItem("goals", JSON.stringify(goals));
  goalList = $.grep(goals, function(e) {
    return e.userguid === userguid;
  });
  localStorage.setItem(userguid + "Goals", JSON.stringify(goalList));
  logSummary();
  return displayMyGoalList();
};

我的猜测是运行对象更新功能会以某种方式阻止其他点击，但我无法到达那里。

非常感谢任何帮助。