第二次點擊後啓用/禁用輸入字段

Question

首先，我顯示一個禁用輸入字段的div容器。

$("#button").click(function() { 
    $(".disable-input").prop('disabled', true); 
}) 

並與顯示的div容器我想啓用第一次點擊後輸入字段的變化裏面，第二個啓用的輸入字段應該被禁用後，第二個按鈕。例如：通過div容器顯示我的客戶，並在此div容器內，我可以通過點擊按鈕來更改它們。我的錯誤是什麼？

var count = 0; 
    if(count == 0) { 
     $("#edit").click(function(){ 
      $(".disable-input").prop('disabled', false);}) 
      count = 1; 
    } 
    if(count == 1) { 
     $("edit").click(function(){ 
       $(".disable-input").prop('disabled', true);}) 
       count = 0; 
    } 

Answer 1

使用ATTR（ '禁用'， '禁用'）和removeAttr（ '禁用'）來做到這一點

var count = 0; 
    if(count == 0) { 
     $("#edit").click(function(){ 
      $(".disable-input").attr('disabled', 'disabled'); 
      count = 1; 
     }); 
    } 
    if(count == 1) { 
     $("edit").click(function(){ 
      $(".disable-input").removeAttr('disabled'); 
      count = 0; 
     }); 
    } 

的原因是， '禁用' 屬性的存在（無論值）足以導致輸入被禁用，無論該值如何 - 即

<input type="text" disabled="false" /> 

...已禁用。