Enable/disable 第二次点击后的输入字段

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('disabled', 'disabled') 和 removeAttr('disabled') 来做到这一点

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;
         });
    }

原因是输入元素上 'disabled' 属性（无论值如何）的存在足以导致输入被禁用，无论值是什么 - 即

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

...已禁用。

Enable/disable 第二次点击后的输入字段

Enable/disable input field after second click

jquery

input

disabled-input