第二次点击后启用/禁用输入字段

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" /> 

...已禁用。