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（＆＃39;禁用＆＃39;，＆＃39;禁用＆＃39;）和removeAttr（＆＃39;禁用＆＃39;）来执行此操作

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

...已停用。

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

1 个答案: