如何使用ajax将所有复选框id和值存储在一个二维数组中，并存储到php页面？

function saveCheckboxData() {
  var checkboxData = []; // 定义一个空的二维数组

  // 获取所有的复选框元素
  var checkboxes = document.querySelectorAll('input[type="checkbox"]');

  // 遍历复选框元素
  for (var i = 0; i < checkboxes.length; i++) {
    var checkbox = checkboxes[i];

    // 判断复选框是否被选中
    if (checkbox.checked) {
      var id = checkbox.id;
      var value = checkbox.value;

      // 将id和值存储到二维数组中
      checkboxData.push([id, value]);
    }
  }

  // 发送ajax请求，将checkboxData传递给后端php页面
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'save_checkbox_data.php', true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.send(JSON.stringify(checkboxData));
}

<?php
// 接收前端传递过来的二维数组数据
$checkboxData = json_decode(file_get_contents('php://input'), true);

// 进行相应的处理，例如存储到数据库或进行其他业务逻辑操作
// ...

// 返回响应给前端（可选）
$response = [
  'status' => 'success',
  'message' => 'Checkbox data saved successfully!'
];
echo json_encode($response);
?>