如何在提交表單後重新啓用禁用的表單字段？

Question

我能夠禁用空白表單域，在提交，以：

<form method="GET" onsubmit="onsubmit1(this)"> 
... 
<script type="text/javascript"> 
function onsubmit1(thiz) { 
    $(thiz).find(':input').each(
     function() { 
      if (!$(this).val()) { 
       $(this).attr('disabled', true) 
      } 
     } 
    ) 
} 

的問題是，該領域保持禁用狀態，當用戶選擇導出.csv文件的頁面不將.CSV文件下載到瀏覽器後刷新。

我想禁用輸入字段重新啓用，當用戶選擇導出文件。

通過表單的onsubmit處理程序解決此問題的獎勵分數，而不是通過提交按鈕的onclick處理程序，因爲有許多提交按鈕。

Answer 1

我做了演示，請參閱本演示

See Demo

<input type="text" /> 
<input type="text" /> 
<input type="text" /> 
<input type="text" /> 
<input type="submit" value="Enabled" id="btn2"> 
<input type="submit" value="Disabled" id="btn1"> 

$('#btn1').on("click", function() { 
      alert($(this).val()); 
      $('input:text').attr('disabled', true); 
     }); 

     $('#btn2').on("click", function() { 
      alert($(this).val()); 
      $('input:text').attr('disabled', false); 
     });