如何将“下一步按钮”设置为在用户选择至少一个复选框之前不可用？

<input type="checkbox" id="checkbox1">
<label for="checkbox1">选项1</label>
<input type="checkbox" id="checkbox2">
<label for="checkbox2">选项2</label>
<button id="nextButton" disabled>下一步</button>

// 获取复选框和按钮元素
const checkbox1 = document.getElementById('checkbox1');
const checkbox2 = document.getElementById('checkbox2');
const nextButton = document.getElementById('nextButton');

// 监听复选框的change事件
checkbox1.addEventListener('change', toggleNextButton);
checkbox2.addEventListener('change', toggleNextButton);

// 根据复选框的状态切换按钮的禁用状态
function toggleNextButton() {
  if (checkbox1.checked || checkbox2.checked) {
    nextButton.disabled = false; // 至少一个复选框被选中
  } else {
    nextButton.disabled = true; // 没有复选框被选中
  }
}

button[disabled] {
  background-color: gray;
  color: white;
  cursor: not-allowed;
}