复选框已选中，但：checked不起作用

Question

我有几个复选框。 我正在基于JSON响应（通过ajax-requests加载数据）使用.prop（）函数设置和重置复选框的默认值。 问题是，如果我手动更改它们，则它们显然不会更改此行为。 我无法通过$（'＃checkbox：checked'）。val（）传递复选框的值，控制台日志显示“未定义”。 这是因为.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
    }
  });
};

Answer 1

试试这个： $('#event_public_visible:checked').val()和$('#event_public_visible:checked').val()

您可以尝试： ('#event_public_visible:checked').length ? $('#event_public_visible:checked').val() : ''; ('#event_public_visible:checked').length ? $('#event_public_visible:checked').val() : '';

示例： http ： //jsfiddle.net/infernalbadger/SfcjG/

Answer 2

您正在为ID为'event_public_visible'和'event_package_only'的元素设置属性，然后尝试从ID为'checkbox'的元素读取。

你是说要用这个吗？

$('[type=checkbox]:checked').val()

可以看到它在这里工作：

http://jsfiddle.net/vRba3/