2010-08-25 7 views
14

jQuery में चेकबॉक्स क्लिक करते समय बटन को कैसे सक्षम करें?jQuery में चेकबॉक्स क्लिक करते समय बटन को कैसे सक्षम करें?

+1

यहां कुछ प्रयास दिखाएं और अपना कोड पोस्ट करें। अन्यथा बंद करो। बूलियन को अस्वीकार करने के लिए –

उत्तर

42

आप इस तरह यह कर सकते हैं:

$("#checkBoxID").click(function() { 
    $("#buttonID").attr("disabled", !this.checked); 
}); 

यह सक्षम बनाता है जब जाँच की, और फिर से अक्षम कर देता है अगर आप सही का निशान हटाएँ। JQuery .attr("disabled", bool) में एक बुलियन लेता है, इसलिए आप चेकबॉक्स की this.checked DOM प्रॉपर्टी का उपयोग करके यह बहुत छोटा रख सकते हैं।

+6

+1, यह एक साधारण तकनीक है जिसका उपयोग पर्याप्त नहीं है, आईएमओ। ओह, और * .is (": चेक किया गया") *, भी ;-) –

+1

jQuery 1.6 के रूप में इसके बजाय .prop() विधि का उपयोग करने की अनुशंसा की जाती है (http://api.jquery.com/attr /)। – Eirik

2
$("#yourcheckboxid").click(function() { 
    var checked_status = this.checked; 
    if (checked_status == true) { 
     $("#yourbuttonid").removeAttr("disabled"); 
    } else { 
     $("#yourbuttonid").attr("disabled", "disabled"); 
    } 
}); 
संबंधित मुद्दे