检查/取消选中后发布数据

Question

当选中/取消选中复选框时，我使用AJAX发布数据。

$(document).ready(function() {  
  $('input[type="checkbox"]').on('click', function() {
    event.preventDefault();
    var formData = $(":input,:hidden").serialize();

    $.ajax({
      type: "POST",
      url: "mpt_planningen_overzicht.update.php",
      data: formData,
      success: function(result) { /* GET THE TO BE RETURNED DATA */
        $("#resultaat").html(result); /* THE RETURNED DATA WILL BE SHOWN IN    THIS DIV */               
      }
    });
  });
});

<div id="resultaat">
  <form name="planning">
    <input name="dkw" type="checkbox" value="1">
  </form>
</div>

然而，当我选择一个复选框时，没有任何反应。