使用多个表单复选框中的选项更新Javascript URL

<input type="checkbox" id="option1" value="option1">
<label for="option1">选项1</label>

<input type="checkbox" id="option2" value="option2">
<label for="option2">选项2</label>

<!-- 添加更多复选框 -->

// 获取复选框元素
const option1Checkbox = document.getElementById('option1');
const option2Checkbox = document.getElementById('option2');

// 监听复选框变化事件
option1Checkbox.addEventListener('change', updateURL);
option2Checkbox.addEventListener('change', updateURL);

// 更新 URL 的函数
function updateURL() {
  let url = 'https://example.com?';

  // 检查选中的选项并更新 URL
  if (option1Checkbox.checked) {
    url += 'option1=true&';
  }
  if (option2Checkbox.checked) {
    url += 'option2=true&';
  }

  // 移除最后一个字符（多余的 & 符号）
  url = url.slice(0, -1);

  // 更新浏览器地址栏的 URL
  window.history.replaceState(null, null, url);
}