浏览器后台问题,javascript禁用提交直到复选框

browser back issue with javascript disable submit until checkbox

本文关键字:提交 复选框 后台 问题 javascript 浏览器      更新时间:2023-09-26

我尝试了一些类似的方法来禁用表单提交按钮,直到复选框被选中。

<input type="checkbox" name="toc" value="accept" onclick="formsubmit.disabled = !this.checked" >I accept

<input class="FontSans" type="submit" name="formsubmit" id="formsubmit" value="submit" disabled="disabled" >

但是,如果提交后需要返回浏览器,则表单显示复选框为已选中,但提交被禁用。要启用提交,您需要取消选中并检查。有办法解决这个问题吗?

不确定你是否在使用jQuery,但这里有一个以jQuery为中心的解决方案。

jQuery(function() {
  if ($('.check').is(':checked')) {
    $('form').removeAttr('disabled');
  } else {
    $('form').attr('disabled', true);
  }
})

这应该会阻止浏览器恢复之前的状态

<input ... autocomplete="off" />