如何使“提交”按钮与我的复选框一起使用

<form>
  <input type="checkbox" id="myCheckbox" />
  <label for="myCheckbox">复选框</label>
  <br />
  <button type="submit">提交</button>
</form>

<script>
  var checkbox = document.getElementById('myCheckbox');
  var submitButton = document.querySelector('button[type="submit"]');

  checkbox.addEventListener('change', function() {
    submitButton.disabled = !checkbox.checked;
  });
</script>

<script>
  var form = document.querySelector('form');

  form.addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    // 在此处执行适当的操作
    // 例如，发送数据到服务器或执行其他相关操作

    // 清除复选框的选中状态
    checkbox.checked = false;
    // 禁用提交按钮
    submitButton.disabled = true;
  });
</script>