Không thể bật tính năng nhập bị vô hiệu hóa

Question

Các yếu tố đầu vào có thể dễ dàng bị tắt nhưng cách nào có thể kích hoạt chúng?

Mã bên dưới có thể tắt nhưng không bật yếu tố đầu vào.

$('#dis').click(function() { 
 
    $('#inp').attr('disabled', 'true'); 
 
}); 
 

 
$('#enb').click(function() { 
 
    $('#inp').attr('disabled', 'false'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input id='inp' type='text'> 
 
<button id='enb'>Enable</button> 
 
<button id='dis'>Disable</button>

Answer 1

Chỉ cần để mở rộng câu trả lời ...

Vấn đề thực sự là bạn đang cố gắng để thiết lập tàn tật false qua setAttribute() mà không hành xử như bạn đang mong đợi. Một phần tử bị tắt nếu thuộc tính bị tắt được đặt, bất kể giá trị như vậy, disabled="true", disabled="disabled" và disabled="false" đều tương đương: phần tử bị tắt).

Bạn nên thay vì loại bỏ các thuộc tính hoàn chỉnh

$('#enb').click(function() { 
    $('#inp').removeAttr('disabled'); 
}); 

Answer 2

Chỉ cần loại bỏ các thuộc tính disabled

$('#enb').click(function() { 
    $('#inp').removeAttr('disabled'); 
}); 

Answer 3

Bạn có thể sử dụng removeAttr()

$('#dis').click(function() { 
 
    $('#inp').attr('disabled', 'true'); 
 
}); 
 

 
$('#enb').click(function() { 
 
    $('#inp').removeAttr('disabled'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input id='inp' type='text'> 
 
<button id='enb'>Enable</button> 
 
<button id='dis'>Disable</button>

Answer 4

thử

$('#dis').click(function() { 
    $('#inp').attr('disabled', 'true'); 
}); 

$('#enb').click(function() { 
    $('#inp').removeAttr('disabled'); 
}); 

vì disable="disable" bằng disable tự

Answer 5

Có một cách! Bạn cần phải loại bỏ các thuộc tính tàn tật như vậy:

$('#inp').removeAttr('disabled'); 

Answer 6

Hi Hãy thử đoạn code dưới đây

Có khác nhau giữa các giá trị Boolean và chuỗi thay vì 'true' sử dụng đúng mà không cần báo giá

$('#dis').click(function() { 
 
    $('#inp').attr('disabled', true); 
 
}); 
 

 
$('#enb').click(function() { 
 
    $('#inp').attr('disabled', false); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input id='inp' type='text'> 
 
<button id='enb'>Enable</button> 
 
<button id='dis'>Disable</button>

Answer 7

Vấn đề là với mã của bạn có true và false viết trong dấu ngoặc kép, làm cho chúng chuỗi thay vì các phép toán luận. Lưu ý rằng cả hai số 'true' và 'false' đều là giá trị trung thực và do đó mã của bạn đặt giá trị được bật thành true trong cả hai trường hợp.

Tôi hy vọng sau đây sẽ làm việc cho bạn, kiểm tra các đoạn mã cũng như:

$('#dis').click(function() { 
 
    $("#inp").prop('disabled', true); 
 
}); 
 

 
$('#enb').click(function() { 
 
    $("#inp").prop('disabled', false); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input id='inp' type='text'> 
 
<button id='enb'>Enable</button> 
 
<button id='dis'>Disable</button>

Answer 8

<scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<input id='inp' type='text'> 
<button id='enb'>Enable</button> 
<button id='dis'>Disable</button> 
<script type="text/javascript"> 
    $(document).ready(function() { 

$("#dis").click(function() { 
    $('#inp').prop("disabled", true); 

}); 

$("#enb").click(function() { 
    $('#inp').prop("disabled", false); 
}); 

}); 
</script>