javascript ลบแอตทริบิวต์ "ปิดการใช้งาน" ออกจากอินพุต html

ฉันจะลบแอตทริบิวต์ "ปิดการใช้งาน" ออกจากอินพุต HTML โดยใช้จาวาสคริปต์ได้อย่างไร

<input id="edit" disabled>

ที่ onClick ฉันต้องการให้แท็กอินพุตของฉันไม่ประกอบด้วยแอตทริบิวต์ "disabled"

ตั้งค่าdisabledคุณสมบัติขององค์ประกอบเป็นเท็จ:

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

หากคุณใช้ jQuery สิ่งที่เทียบเท่าจะเป็น:

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

สำหรับช่องป้อนข้อมูลหลายช่องคุณสามารถเข้าถึงได้ตามชั้นเรียนแทน:

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

documentสามารถแทนที่ด้วยฟอร์มได้ที่ไหนเพื่อค้นหาเฉพาะองค์ประกอบภายในแบบฟอร์มนั้น คุณยังสามารถใช้getElementsByTagName('input')เพื่อรับองค์ประกอบอินพุตทั้งหมด ในforการทำซ้ำคุณจะต้องตรวจสอบสิ่งinputs[i].type == 'text'นั้น

ทำไมไม่เพียงลบแอตทริบิวต์นั้น?

1. วานิลลา JS: elem.removeAttribute('disabled')
2. jQuery: elem.removeAttr('disabled')

ในการตั้งค่าเป็นdisabledเท็จโดยใช้nameคุณสมบัติของอินพุต:

document.myForm.myInputName.disabled = false;

คำตอบที่ดีที่สุดคือแค่ removeAttribute

element.removeAttribute("disabled");

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>

รหัสของคำตอบก่อนหน้านี้ดูเหมือนจะไม่ทำงานในโหมดอินไลน์ แต่มีวิธีแก้ปัญหา: วิธีที่ 3

ดูการสาธิตhttps://jsfiddle.net/eliz82/xqzccdfg/