javascript xóa thuộc tính "bị vô hiệu hóa" thành đầu vào html

Question

Làm cách nào để xóa thuộc tính "bị vô hiệu hóa" thành đầu vào html bằng javascript?

<input id=edit disabled> 

at onclick Tôi muốn thẻ nhập của tôi không bao gồm thuộc tính "bị vô hiệu hóa".

Answer 1

Set của phần tử disabled tài sản để sai:

document.getElementById('my-input-id').disabled = false; 

Nếu bạn đang sử dụng jQuery, tương đương sẽ là:

$('#my-input-id').prop('disabled', false); 

Đối với một số lĩnh vực đầu vào, bạn có thể truy cập chúng bằng lớp thay vì :

var inputs = document.getElementsByClassName('my-input-class'); 
for(var i = 0; i < inputs.length; i++) { 
    inputs[i].disabled = false; 
} 

Nơi có thể thay thế document bằng một ví dụ, để tìm các phần tử bên trong biểu mẫu đó. Bạn cũng có thể sử dụng getElementsByTagName('input') để nhận tất cả các yếu tố đầu vào. Trong lần lặp lại for, bạn phải kiểm tra xem inputs[i].type == 'text'.

Answer 2

Để đặt disabled false bằng cách sử dụng name tài sản của các đầu vào:

document.myForm.myInputName.disabled = false; 

Answer 3

Tại sao không chỉ loại bỏ thuộc tính đó?

1. JS vani: elem.removeAttribute('disabled')
2. jQuery: elem.removeAttr('disabled')

Answer 4

method 1 <input type="text" onclick="this.disabled=false;" disabled> 
<hr> 
method 2 <input type="text" onclick="this.removeAttribute('disabled');" disabled> 
<hr> 
method 3 <input type="text" onclick="this.removeAttribute('readonly');" readonly> 

mã của câu trả lời trước dường như không làm việc trong chế độ inline, nhưng có một cách giải quyết: Phương pháp 3.

xem demo https://jsfiddle.net/eliz82/xqzccdfg/