刷新或重新加载页面后，Javascript代码未运行

我有一个javascript代码，每当选中复选框时，它都会重新加载当前页面，然后灰显一些输入字段

但是，只有在重新加载页面时才进行重新加载，输入字段永远不会变灰

$(document).ready(function(){
    $("#storePickUp").on("click", function () {
if ($(this).is(":checked")) {
document.getElementById("shippingForm").submit();   
document.getElementById("shippingAdress").disabled = true;
document.getElementById("shippingState").disabled = true;
document.getElementById("shippingCity").disabled = true;
document.getElementById("shippingZip").disabled = true;
document.getElementById("shippingZipCode").disabled = true;
document.getElementById("shippingButton").disabled = true;
}
});
    });

---

我认为这是因为它只是在您单击“StorePick”时禁用它们，但如果您的页面被重新加载，它将重置。

方法

submit

被执行，页面重新加载，

submit

之后的代码永远不会执行。即使执行该代码，页面刷新也会使任何更改无效

您可能应该使用

ajax

进行提交，而不是使用

submit

方法。如果您使用的是jQuery，它将使您更容易：

---

因此，在您调用.submit（）的第4行代码中。。。除非您在未显示的页面上有一些额外的魔法，否则此行将继续将您的表单发布/获取到您在该表单中配置的任何url

这意味着下面的行根本不重要，因为它们不会在表单目标页面上执行

如果你真的需要中间的表单文章，你需要张贴到一个特定的URL上，并使用这个URL作为页面加载的触发器来禁用这些元素。不是直接在点击之后，而是在作为表单目标的新加载页面上。。。有道理吗