按下后退按钮不再禁用已禁用的文本框

Question

我有一个电子邮件文本框，其中有一个复选框。如果未选中该复选框，则会禁用电子邮件文本框。但是，我注意到，当我按下后退按钮时，在谷歌浏览器上，电子邮件文本框不会再被禁用。但是，在Firefox中，没有这样的问题。那么，我该怎么做才能解决这个令人烦恼的问题？

有没有办法，通过后退按钮检查页面是否到达，这样如果未勾选复选框，我可以强制禁用文本框？

Answer 1

您可以使用JavaScript明确禁用文本框元素：

if(document.getElementById('myCheckbox').checked === false){
    document.getElementById('myTextbox').disabled = true;    
}

Answer 2

我通过在文档就绪函数中强制执行此操作来解决此问题，如下所示。

$(function()
{
    if (!document.getElementById('check_sendToEmail').checked)
    {
        document.getElementById('YourEMail').value = ''
        document.getElementById('YourEMail').disabled = true
    }
});