我有几个复选框。基于JSON响应（通过ajax-requests加载数据），我使用.prop（）函数设置和重置复选框的默认值。问题是，如果我手动改变它们，它们显然不会改变这种行为。我不能通过$('#checkbox:checked').val()传递复选框的值，控制台日志显示为'undefined'。这是因为.prop（）函数吗？如何获取选中复选框的值？

如果你需要更多的信息，我很乐意提供。这里有一些代码：

if (json.event.public_visible == 1) {
  $('#event_public_visible').prop('checked', true);
} else {
  $('#event_public_visible').prop('checked', false);
}

if (json.event.package_event == 1) {
  $('#event_package_only').prop('checked', true);
} else {
  $('#event_package_only').prop('checked', false);
}

更新：更多代码

var editEvent = function () {
  if ($('#event_public_visible').is(':checked')) {
    console.log('test');
  }
  formData = {
    // ... other fields
    event_package_only: $('#event_package_only :checked').val(),
    event_public_visible: $('#event_public_visible :checked').val(),
    // ... more fields
  };

  $.ajax({
    url: base_url + "admin/events/editAsync",
    type: "POST",
    data: formData,
    dataType: "json",
    success: function (json) {
      // success handling
    }
  });
};