जावास्क्रिप्ट एचटीएमएल इनपुट

Question

पर "अक्षम" विशेषता को हटाएं जावास्क्रिप्ट का उपयोग करके एचटीएमएल इनपुट में "अक्षम" विशेषता को कैसे हटाया जा सकता है?

<input id=edit disabled> 

ऑनक्लिक पर मैं चाहता था कि मेरा इनपुट टैग "अक्षम" विशेषता न हो।

Answer 1

सेट गलत पर तत्व के 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' को जांचना होगा।

Answer 2

इनपुट के name संपत्ति का उपयोग कर गलत पर disabled सेट करने के लिए:

document.myForm.myInputName.disabled = false; 

Answer 3

क्यों नहीं सिर्फ इतना है कि विशेषता निकालना चाहते हैं?

1. वेनिला जे एस: 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> 

कोड इनलाइन मोड में काम करने के लिए नहीं है, लेकिन वहाँ एक समाधान नहीं है: विधि 3.

डेमो देखें https://jsfiddle.net/eliz82/xqzccdfg/