jQuery

Question

में विकलांग विशेषता टॉगल मैं एक चेकबॉक्स है कि सक्षम करें या किसी का चयन करें तत्व

वास्तव में मुझे लगता है कि ठीक काम करता है कोड के इस सरल टुकड़ा का उपयोग को निष्क्रिय कर दिया है।/सक्षम

$("#filtri").change(function(){ 
    if ($("#menuContinenti").attr("disabled")) { 
     $("#menuContinenti").removeAttr("disabled"); 
    } else { 
     $("#menuContinenti").attr("disabled", "disabled"); 
    } 
}); 

इस का सबसे अच्छा तरीका है या विकलांग के बीच स्विच करने के लिए एक .toggle() समारोह की तरह कुछ है?

Answer 1

आप विकलांगों के लिए .prop उपयोग करना चाहिए:

$("#menuContinenti").prop('disabled', function() { 
    return ! $(this).prop('disabled'); 
}); 

अद्यतन: नहीं पता था वर्तमान संपत्ति मूल्य कार्य करने के लिए एक तर्क है, इस संस्करण भी क्लीनर है:

$("#menuContinenti").prop('disabled', function (_, val) { return ! val; }); 

अद्यतन: ES2015

$("#menuContinenti").prop("disabled", (_, val) => !val); 

Answer 2

आपको लगता है कि कुछ इस तरह करता है अपने खुद के प्लगइन लिख सकते हैं।

jQuery के बाद इसे एक स्क्रिप्ट फ़ाइल में अधिमानतः जोड़ें।

(function($) { 
    $.fn.toggleDisabled = function(){ 
     return this.each(function(){ 
      this.disabled = !this.disabled; 
     }); 
    }; 
})(jQuery); 

तो इस तरह इसका इस्तेमाल:

$('#my-select').toggleDisabled(); 

सौजन्य: Toggle input disabled attribute using jQuery

Answer 3

आप की तरह नीचे

$("#filtri").change(function(){ 
    $("#menuContinenti").attr("disabled", ! $(this).is(':checked'));  
});