如何保存一组复选框

<input type="checkbox" id="checkbox1" name="checkboxGroup" value="value1">
<label for="checkbox1">复选框1</label>

<input type="checkbox" id="checkbox2" name="checkboxGroup" value="value2">
<label for="checkbox2">复选框2</label>

<input type="checkbox" id="checkbox3" name="checkboxGroup" value="value3">
<label for="checkbox3">复选框3</label>

// 获取所有复选框元素
var checkboxes = document.getElementsByName("checkboxGroup");

// 创建一个空数组来保存选中的复选框的值
var selectedCheckboxes = [];

// 遍历复选框元素，检查哪些复选框被选中
for (var i = 0; i < checkboxes.length; i++) {
  if (checkboxes[i].checked) {
    // 将选中的复选框的值添加到数组中
    selectedCheckboxes.push(checkboxes[i].value);
  }
}

// 打印选中的复选框的值
console.log(selectedCheckboxes);

// 将选中的复选框的值转换为JSON字符串
var jsonData = JSON.stringify(selectedCheckboxes);

// 发送数据到服务器进行保存
// 例如使用Ajax发送POST请求
var xhr = new XMLHttpRequest();
xhr.open("POST", "save_checkbox.php", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log("复选框值保存成功！");
  }
};
xhr.send(jsonData);