Код Javascript не работает после обновления или перезагрузки страницы

Question

У меня есть код 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; 
} 
}); 
    }); 

Answer 1

Таким образом, в вашем коде на 4-й линии, где вы называете .submit() ... если у вас есть дополнительные магические на странице что вы не показываете, эта строка будет продолжать публиковать/получать вашу форму на любой URL-адрес, который вы настроили в этой форме.

Это означает, что строки под этим не имеют значения, поскольку они не будут выполняться на целевой странице форм.

Чтобы обойти это, если вам действительно нужно сообщение формы посередине, вам нужно будет отправить сообщение на определенный URL-адрес и использовать этот URL-адрес в качестве триггера для загрузки страницы, чтобы отключить эти элементы. Не сразу после щелчка, а скорее на вновь загруженной странице, которая является целью формы ... имеет смысл?

Answer 2

Я думаю, что это потому, что это только отключить их при нажатии на #storePickUp, но если ваша страница перезагружается он будет сброшен.

Answer 3

Метод submit выполнен, перезагрузки страницы, код после submit не выполняется. Даже если этот код будет выполнен, обновление страницы аннулирует любые изменения.

Возможно, вы должны подать заявление с ajax, а не с помощью метода submit. Если вы используете JQuery, это сделает его легким для вас:

http://api.jquery.com/category/ajax/