问document.querySelectorAll.forEach奇怪的行为

EN

let payload = {
  permission: {},
};

payload.permission.subscriptionPlans = [];

document.querySelectorAll(".form-add-sub-plan:checked").forEach((item) => {
  console.log(item.value); // this still works
  payload.permission.subscriptionPlans.push(item.value); // problem here
});

socket.emit("admin/manage-permission/create", payload, (res) => {
  let addModal = bootstrap.Modal.getOrCreateInstance(document.getElementById("add-permission-modal"));

  addModal.hide();

  table.reload();

  table.displayMessage(res.payload.type, res.payload.message);
});

// server code
socket.on("admin/manage-permission/create", async(req, done) => {
  try {
    if (await Permission.exists({
        url: req.permission.url
      })) {
      return done(
        new SocketPayload("error", 409, {
          type: "danger",
          message: "Url already exists",
        })
      );
    }

    let newPermission = new Permission(req.permission);

    // console.log(newPermission);
    await newPermission.save();

    return done(
      new SocketPayload("success", 200, {
        type: "success",
        message: "New permission was added",
      })
    );
  } catch (e) {
    console.log(e);

    return done(
      new SocketPayload("error", 500, {
        type: "danger",
        message: "An error occured",
      })
    );
  }
});