confirmbeforesubmitusingtogglebutton

在表单中添加一个开关按钮，用来控制是否需要在提交前进行确认。然后在提交前，根据开关状态来确定是否需要弹出确认框进行提示。代码示例：

HTML:

<form>
   <label>姓名：</label>
   <input type="text" name="name">
   <br>
   <label>年龄：</label>
   <input type="number" name="age">
   <br>
   <label>是否需要确认：</label>
   <input type="checkbox" id="confirmCheckbox">
   <br>
   <button id="submitBtn">提交</button>
</form>

JavaScript:

const form = document.querySelector('form');
const submitBtn = document.getElementById('submitBtn');
const confirmCheckbox = document.getElementById('confirmCheckbox');

submitBtn.addEventListener('click', function(e) {
   if (confirmCheckbox.checked) {
      const confirmed = confirm('确定要提交吗？');
      if (!confirmed) {
         e.preventDefault();
      }
   }
});

在以上代码中，通过监听提交按钮的点击事件来触发确认逻辑，在确认框中选择“取消”则取消表单提交。