使用js写出一个同意协议后才能进入下一步

可以使用以下代码实现：

在 HTML 中定义一个复选框和一个按钮：

<input type="checkbox" id="agreeCheckbox">
<label for="agreeCheckbox">我已阅读并同意协议</label>
<button id="nextButton" disabled>下一步</button>

然后在 JavaScript 中添加事件监听器，当复选框被选中时，按钮才可用：

// 获取元素
const agreeCheckbox = document.getElementById('agreeCheckbox');
const nextButton = document.getElementById('nextButton');

// 添加点击事件监听器
agreeCheckbox.addEventListener('change', function() {
  // 判断复选框是否被选中
  if (agreeCheckbox.checked) {
    // 启用按钮
    nextButton.disabled = false;
  } else {
    // 禁用按钮
    nextButton.disabled = true;
  }
});

其中，`addEventListener` 方法用于添加事件监听器，当复选框的状态发生改变时触发 `change` 事件，事件处理函数判断复选框是否被选中，如果被选中则启用按钮，否则禁用按钮。