Javascript 检查复选框状态是否已更改，是否同时按下了提交按钮

好的，我有一张复选框表。一旦我的页面加载，其中一些复选框可能会被选中，一些复选框可能会被取消选中。我需要在任何一个复选框中感觉到状态的变化，一旦按下提交按钮，我需要根据状态变化的复选框是否已被选中或取消选中来做一些事情

以下是我现在写的内容：

$('new_user_form').submit(function(){ 
  $("input[type='checkbox']").change(function() {
    $('#new_user_form *').filter(':checkbox').each(function(){
              if(this.checked) 
              {
                alert("Do something!");
              } 
              else 
              {
                alert("Do something else!");
              }
         });
  });
});

它不起作用了。我是否可以将复选框更改条件与表单提交条件合并检查

我需要帮助来做我想做的事

更新

根据我得到的答案，这里是我现在使用的。仍然不起作用。我希望确保脚本能够响应复选框状态的更改，以及复选框状态的更改并单击按钮

$("input[type='checkbox']").change(function() {
    $('#new_user_form *').filter(':checkbox').each(function(){
              if($(this).is(":checked")) 
              {
                alert("Checkbox checked!");
                $('#new_user_form ').submit(); 
        {
            alert("Checkbox checked and submit clicked!");
            //Do something
        });

             } 
             else 
             {
               alert("Checkbox unchecked!");
           $('#new_user_form ').submit(); 
        {
            alert("Checkbox unchecked and submit clicked!");
            //Do something else
                }); 
             }
   });
}); 

请尝试使用属性检查复选框的状态是否已更改

$("input[type='checkbox']").change(function () {
    $('#new_user_form :checkbox').filter(function(){
        return this.checked != this.defaultChecked
    }).each(function () {
        if (this.checked) {
            alert("Do something!");
        } else {
            alert("Do something else!");
        }
    });
});

$("input[type='checkbox']").change(function () {
    $('#new_user_form :checkbox').filter(function(){
        return this.checked != this.defaultChecked
    }).each(function () {
        if (this.checked) {
            alert("Do something!");
        } else {
            alert("Do something else!");
        }
    });
});