जावास्क्रिप्ट

Question

का उपयोग कर इनपुट तत्व में अक्षम विशेषता जोड़ें मेरे पास एक इनपुट बॉक्स है और मैं इसे अक्षम करना चाहता हूं और साथ ही साथ मेरे फॉर्म को पोर्ट करते समय समस्याओं से बचने के लिए इसे छुपाएं।

<input class="longboxsmall" type="text" /> 

कैसे मैं भी करने के लिए विकलांग विशेषता जोड़ सकते हैं:

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show().find('.longboxsmall').hide(); 
}); 

इस इनपुट है कि एक परिणाम के रूप में छिपा हुआ हो जाता है:

अब तक मैं अपने इनपुट को छिपाने के लिए निम्नलिखित कोड है इनपुट?

Answer 1

$("input").attr("disabled", true); ... मुझे और नहीं पता।

यह दिसंबर 2013 है और मुझे वास्तव में आपको नहीं पता कि आपको क्या कहना है।

सबसे पहले यह हमेशा .attr() था, तो यह हमेशा .prop() था, इसलिए मैं यहां वापस आया और उत्तर को और सटीक बना दिया।

फिर एक साल बाद jQuery ने फिर से अपने दिमाग बदल दिए और मैं इसका ट्रैक भी नहीं रखना चाहता।

अभी तक की लंबी कहानी छोटी है, यह सबसे अच्छा जवाब है: "आप दोनों का उपयोग कर सकते हैं ... लेकिन यह निर्भर करता है।"

आप इस उत्तर के बजाय पढ़ना चाहिए: कि बदलाव के लिए https://stackoverflow.com/a/5876747/257493

और उनकी रिहाई यहां नोट शामिल हैं:

न तो .attr() और न ही .prop() हो रही है/स्थापना के लिए इस्तेमाल किया जाना चाहिए मूल्य। इसके बजाय .val() विधि का उपयोग करें (हालांकि .attr ("value", "somevalue") का उपयोग करना जारी रहेगा, क्योंकि यह 1.6 से पहले था)।

पसंदीदा प्रयोग

.prop() विधि का सारांश बूलियन गुण/संपत्तियों के लिए और गुण (जैसे विंडो स्थान के रूप में) जो एचटीएमएल में मौजूद नहीं है के लिए इस्तेमाल किया जाना चाहिए। अन्य सभी विशेषताओं (जिन्हें आप HTML में देख सकते हैं) .attr() विधि के साथ छेड़छाड़ कर सकते हैं और जारी रखना चाहिए।

या दूसरे शब्दों में:

".prop = गैर दस्तावेज़ सामान"

".attr" = दस्तावेज़ सामान

... ...

हम सभी एपीआई स्थिरता के बारे में यहां सबक सीख सकते हैं ...

Answer 2

बस jQuery के attr() विधि

$(this).closest("tr").next().show().find('.longboxsmall').attr('disabled', 'disabled'); 

Answer 3

का उपयोग आप डोम तत्व प्राप्त कर सकते हैं, और सीधे विकलांग गुण सेट।

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show() 
      .find('.longboxsmall').hide()[0].disabled = 'disabled'; 
}); 

या अगर कोई एक से अधिक है, तो आप उन सभी को स्थापित करने के लिए each() उपयोग कर सकते हैं:

$(".shownextrow").click(function() { 
    $(this).closest("tr").next().show() 
      .find('.longboxsmall').each(function() { 
       this.style.display = 'none'; 
       this.disabled = 'disabled'; 
      }); 
}); 

Answer 4

$(element).prop('disabled', true); //true|disabled will work on all 
$(element).attr('disabled', true); 
element.disabled = true; 
element.setAttribute('disabled', true); 

उपरोक्त सभी पूरी तरह से वैध समाधान कर रहे हैं। अपनी जरूरतों को पूरा करने वाले व्यक्ति को चुनें।

Answer 5

यदि आप jQuery का उपयोग कर रहे हैं तो अक्षम विशेषता सेट करने के कुछ अलग तरीके हैं। मेरी स्रोतों से

var $element = $(...); 
    $element.prop('disabled', true); 
    $element.attr('disabled', true); 

    // The following do not require jQuery 
    $element.get(0).disabled = true; 
    $element.get(0).setAttribute('disabled', true); 
    $element[0].disabled = true; 
    $element[0].setAttribute('disabled', true); 

Answer 6

कार्य कोड:

एचटीएमएल वर्ल्ड

<select name="select_from" disabled>...</select> 

---

जे एस वर्ल्ड

var from = jQuery('select[name=select_from]'); 

//add disabled 
from.attr('disabled', 'disabled'); 



//remove it 
from.removeAttr("disabled");