दिलचस्प पोस्ट
लिंक समय पर उपयोग करने के लिए पुस्तकालय संस्करण को कैसे निर्दिष्ट करें? कस्टम चयनकर्ता के माध्यम से सूची दृश्य वस्तु पृष्ठभूमि स्क्रीन लॉक होने पर पता लगा रहा है गिट: सक्रिय शाखा को एक नंगे रिपॉजिटरी में बदलने का सही तरीका है? रूबी में मल्टी-लाइन टिप्पणियां? php के लिए sqlite3 कैसे सक्षम करें? क्या नए एपीआई कॉल के बारे में चेतावनी देने के लिए XCode का कोई तरीका है? लेआउटइन्फ़्लेटर अटैचट्रेट पैरामीटर क्या मतलब है? साप्ताहिक आंशिक क्रम – क्यों आंशिक कटौती यहाँ सफल होता है रूबी के साथ मैं एक फाइल कैसे पढ़ सकता हूं? कैसे एक बैच फ़ाइल के साथ FTP? Django: छवि url से ImageField में छवि जोड़ें "=>" PHP में क्या मतलब है? सदस्य फ़ंक्शन के लिए फ़ंक्शन पॉइंटर विंडोज कंसोल के बिना पायथन स्क्रिप्ट चलाएँ

JQuery के साथ इनपुट अक्षम / सक्षम करें?

$input.disabled = true; 

या

 $input.disabled = "disabled"; 

कौन सा मानक तरीका है? और, इसके विपरीत, आप एक अक्षम इनपुट को कैसे सक्षम करते हैं?

Solutions Collecting From Web of "JQuery के साथ इनपुट अक्षम / सक्षम करें?"

jQuery 1.6+

disabled संपत्ति को बदलने के disabled आपको .prop() फ़ंक्शन का उपयोग करना चाहिए।

 $("input").prop('disabled', true); $("input").prop('disabled', false); 

jQuery 1.5 और नीचे

.prop() फ़ंक्शन मौजूद नहीं है, लेकिन .attr() समान करता है:

अक्षम विशेषता सेट करें

 $("input").attr('disabled','disabled'); 

फिर से सक्षम करने के लिए, उचित विधि का उपयोग करना है .removeAttr()

 $("input").removeAttr('disabled'); 

JQuery के किसी भी संस्करण में

आप हमेशा वास्तविक DOM ऑब्जेक्ट पर भरोसा कर सकते हैं और यदि आप केवल एक तत्व से काम कर रहे हैं तो शायद दो अन्य विकल्पों की तुलना में थोड़ा तेज है:

 // assuming an event handler thus 'this' this.disabled = true; 

.prop() या .attr() विधियों का उपयोग करने का लाभ यह है कि आप चुने गए आइटमों के एक समूह के लिए संपत्ति सेट कर सकते हैं।


नोट: 1.6 में एक .removeProp() विधि है जो बहुत कुछ removeAttr() जैसे removeAttr() , लेकिन इसे removeAttr() गुणों पर इस्तेमाल नहीं किया जाना चाहिए जैसे कि 'disabled' दस्तावेज से उद्धरण:

नोट: इस पद्धति का उपयोग न की गई संपत्तियों को निकालने के लिए न करें, जैसे चेक, अक्षम या चयनित यह पूरी तरह से संपत्ति को निकाल देगा और एक बार हटाए जाने के बाद तत्व को फिर से जोड़ा नहीं जा सकता है। इन गुणों को झूठी बदले में सेट करने के लिए .prop () का प्रयोग करें।

वास्तव में, मुझे संदेह है कि इस पद्धति के लिए कई वैध उपयोग हैं, बूलियन रिसॉप्स इस तरह से किए गए हैं कि आपको उन्हें "हटाए जाने" के बजाय उनके "गुण" समकक्षों की तरह 1.5 में सेट करना चाहिए

बस नए सम्मेलनों के लिए और इसे आगे बढ़ने योग्य बनाने के लिए (जब तक चीजें ईसीएमए 6 (????) के साथ काफी बदल जाती हैं:

 $(document).on('event_name', '#your_id', function() { $(this).removeAttr('disabled'); }); 

तथा

 $(document).off('event_name', '#your_id', function() { $(this).attr('disabled','disabled'); }); 
  // Disable #x $( "#x" ).prop( "disabled", true ); // Enable #x $( "#x" ).prop( "disabled", false ); 

कभी-कभी आपको फॉर्म तत्व को निष्क्रिय करने / सक्षम करने की आवश्यकता होती है जैसे इनपुट या टेक्सटेरिया। Jquery आपको इसे आसानी से "अक्षम" पर अक्षम विशेषता सेट करने के साथ करने में मदद करता है उदाहरण के लिए:

  //To disable $('.someElement').attr('disabled', 'disabled'); 

अक्षम तत्व को सक्षम करने के लिए आपको इस तत्व से "अक्षम" विशेषता को हटाने की आवश्यकता है या यह स्ट्रिंग रिक्त करना है। उदाहरण के लिए:

 //To enable $('.someElement').removeAttr('disabled'); // OR you can set attr to "" $('.someElement').attr('disabled', ''); 

देखें: http://garmoncheg.blogspot.fr/2011/07/how-to-disableenable-element-with.html

 $("input")[0].disabled = true; 

या

 $("input")[0].disabled = false; 

आप इस कोड को कहीं भी अपने कोड में डाल सकते हैं:

 $.prototype.enable = function () { $.each(this, function (index, el) { $(el).removeAttr('disabled'); }); } $.prototype.disable = function () { $.each(this, function (index, el) { $(el).attr('disabled', 'disabled'); }); } 

और फिर आप सामान की तरह लिख सकते हैं:

 $(".myInputs").enable(); $("#otherInput").disable(); 

यदि आप वर्तमान स्थिति को उलटा चाहते हैं (जैसे टॉगल बटन व्यवहार):

 $("input").prop('disabled', ! $("input").prop('disabled') ); 
 <html> <body> Name: <input type="text" id="myText"> <button onclick="disable()">Disable Text field</button> <button onclick="enable()">Enable Text field</button> <script> function disable() { document.getElementById("myText").disabled = true; } function enable() { document.getElementById("myText").disabled = false; } </script> </body> </html> 

Jquery मोबाइल में

अक्षम करने के लिए

  $('#someselectElement').selectmenu().selectmenu('disable').selectmenu('refresh', true); $('#someTextElement').textinput().textinput('disable'); 

सक्षम के लिए

  $('#someselectElement').selectmenu().selectmenu('enable').selectmenu('refresh', true); $('#someTextElement').textinput('enable'); 

मैंने @ दानार्फ़ का उत्तर दिया और इसे समारोह के रूप में जोड़ा

  $.fn.disabled = function (isDisabled) { if (isDisabled) { this.attr('disabled', 'disabled'); } else { this.removeAttr('disabled'); } }; 

फिर इस तरह का उपयोग करें

 $('#myElement').disable(true);