Как сделать кнопку не активной после нажатия?

Question

[Сергей Хлопов]

Здравствуйте, подскажите пожалуйста, у меня есть кнопка на сайте submit, после нажатия на неё происходит определенный расчёт, затем всё то что рассчиталось попадает в БД. Потом страница перезагружается и кнопка становиться не активной. Моя проблема в том, что если расчёт идет долго, то кнопка активна пока он выполняется, следовательно пользователь может нажимать на неё много раз.
Подскажите пожалуйста как сделать эту кнопку неактивной после нажатия ? Я пробовал уже добавлять Jquery скрипт, когда произошло нажатие на кнопку, то кнопка становиться неактивной с помощью добавления ей disabled="disabled", но тогда кнопка переставала работать.
Затем я пытался сделать ещё так - в бд есть поле типа btn2 когда происходит нажатие на неё в это поле записывается 1, это для того что бы понимать выполнен ли расчёт либо нет. И я думал проверить перед нажатием на кнопку, что если в этом поле 1 то значит не выполнять расчёт а если 0 то значит выполнить.
Подскажите пожалуйста что тут можно сделать. Кнопка у меня на input

Answer 1

[Алексей]

Не надо всяких 1-2, используй true\false

$('#el').prop('disabled', function(i, v) { return !v; });

Comments

[Сергей Хлопов]

Спасибо, но у меня там 3 кнопки, то есть первая кнопка производит запись, вторая рассчитывает а третья скачивает, и сейчас после нажатия на первую, стала не активной вторая

[Алексей]

Сергей Хлопов, хоспади даже не представляю чтож там за код такой странный, особенно с расчетами. Пробуй добавить в каждый импут тогда

<input type="button" onclick="$(this).prop('disabled', true)" />
<input type="button" onclick="$(this).prop('disabled', true)" />
<input type="button" onclick="$(this).prop('disabled', true)" />