浏览器返回问题与JavaScript禁用提交，直到复选框

Question

我尝试了几种但类似的方法来禁用表单提交按钮，直到选中复选框。

<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" >

但是，如果在提交后您需要返回浏览器，则表单会显示已选中的复选框，但会禁用提交。要启用提交，您需要取消选中 并检查。有没有办法解决这个问题？

Answer 1

不确定您是否使用jQuery，但这是一个以jQuery为中心的解决方案。

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

如果您需要香草JS，请告诉我。

Answer 2

这会阻止浏览器恢复以前的状态

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