问题描述：标记所有人为选中后复选框状态出现问题

解决方法：

1. 首先，需要在HTML中为复选框添加一个全选的复选框，用于标记所有人。

 全选

2. 接下来，在JavaScript中编写一个函数，用于控制所有人的复选框状态。这个函数将会在全选的复选框状态改变时调用。

function toggleSelectAll() {
  var selectAllCheckbox = document.getElementById("selectAll");
  var checkboxes = document.querySelectorAll("input[type='checkbox']:not(#selectAll)");

  for(var i = 0; i < checkboxes.length; i++) {
    checkboxes[i].checked = selectAllCheckbox.checked;
  }
}

3. 最后，在HTML中为每个人的复选框添加相同的类名，并为它们的onchange事件添加相同的函数调用。

 John
 Mary
 Bob

4. 在JavaScript中编写一个函数，用于检查是否所有人都被选中，并更新全选的复选框状态。这个函数将会在每个人的复选框状态改变时调用。

function updateSelectAll() {
  var selectAllCheckbox = document.getElementById("selectAll");
  var checkboxes = document.querySelectorAll(".personCheckbox");

  var allChecked = true;
  for(var i = 0; i < checkboxes.length; i++) {
    if(!checkboxes[i].checked) {
      allChecked = false;
      break;
    }
  }

  selectAllCheckbox.checked = allChecked;
}

现在，当全选的复选框状态改变时，所有人的复选框状态会同步更新。同样地，当每个人的复选框状态改变时，全选的复选框状态也会同步更新。这样就解决了标记所有人为选中后复选框状态出现问题的情况。