如何收集复选框名称并发送请求？

<form id="checkboxForm">
  <input type="checkbox" name="option1" value="Option 1"> Option 1<br>
  <input type="checkbox" name="option2" value="Option 2"> Option 2<br>
  <input type="checkbox" name="option3" value="Option 3"> Option 3<br>
  <!-- 其他复选框 -->
  <button type="button" onclick="sendRequest()">发送请求</button>
</form>

function sendRequest() {
  var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
  var selectedOptions = [];
  
  checkboxes.forEach(function(checkbox) {
    selectedOptions.push(checkbox.name);
  });
  
  // 构建请求数据
  var requestData = {
    selectedOptions: selectedOptions
  };
  
  // 发送请求
  var xhr = new XMLHttpRequest();
  xhr.open('POST', '/your-api-endpoint', true);
  xhr.setRequestHeader('Content-Type', 'application/json');
  xhr.send(JSON.stringify(requestData));
}