दिलचस्प पोस्ट
टैग को अनदेखा करने में HTML में पूर्ण पाठ खोज / & फेसबुक एपीआई – फेसबुक एपीआई (उपयोगकर्ता को "अनुमति दें" को आवेदन की आवश्यकता के बिना) के माध्यम से मैं फेसबुक उपयोगकर्ता की प्रोफ़ाइल छवि कैसे प्राप्त करूं? मैं HTML साइट पर एक कस्टम फ़ॉन्ट कैसे स्थापित करूं? "Parallel.for" जावा के लिए? बाश में $ PATH चर में पथ को हटाने का सबसे शानदार तरीका क्या है? स्ट्रिंग के लिए XML दस्तावेज़ निर्धारित करें कि क्या दो दिनांक सीमा ओवरलैप है C # में एक स्ट्रिंग से फ़ंक्शन कॉल करना तालिका-डेटा से तालिका-नाम प्राप्त करें, LINQ DataContext जावास्क्रिप्ट में स्ट्रिंग में स्ट्रिंग को कैसे परिवर्तित करें? @interface के बजाय @implementation पर परिभाषित वर्ग चर? कैसे ग्रहण करने के लिए एंड्रॉइड सोर्स को संलग्न करें I लेआउट बाधाओं को प्रोग्रामेटिक रूप से बनाना सी # से लाइन टिप्पणियों को पट्टी करने के लिए Regex क्या पट और डेल्टे को फॉर्म में इस्तेमाल किया जाना चाहिए?

jQuery – चेकबॉक्स सक्षम / अक्षम करें

मेरे पास इस तरह के चेकबॉक्स का एक गुच्छा है अगर "मुझे चेक करें" चेकबॉक्स की जाँच की जाती है, तो अन्य सभी 3 चेकबॉक्स सक्षम होना चाहिए, अन्यथा उन्हें अक्षम होना चाहिए। मैं jQuery का उपयोग कर यह कैसे कर सकता हूँ?

<form name="frmChkForm" id="frmChkForm"> <input type="checkbox" name="chkcc9">Check Me <input type="checkbox" name="chk9[120]"> <input type="checkbox" name="chk9[140]"> <input type="checkbox" name="chk9[150]"> </form> 

वेब के समाधान से एकत्रित समाधान "jQuery – चेकबॉक्स सक्षम / अक्षम करें"

अपना मार्कअप थोड़ा बदलें:

 <form name="frmChkForm" id="frmChkForm"> <input type="checkbox" name="chkcc9" id="group1">Check Me <input type="checkbox" name="chk9[120]" class="group1"> <input type="checkbox" name="chk9[140]" class="group1"> <input type="checkbox" name="chk9[150]" class="group1"> </form> 

और फिर

 $(function() { enable_cb(); $("#group1").click(enable_cb); }); function enable_cb() { if (this.checked) { $("input.group1").removeAttr("disabled"); } else { $("input.group1").attr("disabled", true); } } 

आप आईडी और वर्गों को शुरू किए बिना विशेषता चयनकर्ताओं का उपयोग करके यह कर सकते हैं लेकिन यह धीमा है और (आईएमहो) पढ़ने के लिए कठिन है

यह सबसे आधुनिक समाधान है।

 <form name="frmChkForm" id="frmChkForm"> <input type="checkbox" name="chkcc9" id="group1" />Check Me <input type="checkbox" name="chk9[120]" class="group1" /> <input type="checkbox" name="chk9[140]" class="group1" /> <input type="checkbox" name="chk9[150]" class="group1" /> </form> $(function() { enable_cb(); $("#group1").click(enable_cb); }); function enable_cb() { $("input.group1").prop("disabled", !this.checked); } 

यहां .attr() और .prop() लिए उपयोग विवरण दिया गया है।

jQuery 1.6+

नया .prop() फ़ंक्शन का उपयोग करें:

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

jQuery 1.5 और नीचे

.prop() फ़ंक्शन उपलब्ध नहीं है, इसलिए आपको .attr() का उपयोग करने की आवश्यकता है।

चेकबॉक्स को अक्षम करने के लिए (अक्षम विशेषता के मान सेट करके)

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

और सक्षम करने के लिए (विशेषता को पूरी तरह से हटाकर)

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

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

यदि आप केवल एक तत्व के साथ काम कर रहे हैं, तो यह हमेशा DOMElement.disabled = true का उपयोग करने के लिए सबसे तेज़ होगा। .prop() और .attr() फ़ंक्शंस का उपयोग करने के लिए लाभ यह है कि वे सभी मिलान वाले तत्वों पर काम करेंगे।

 // Assuming an event handler on a checkbox if (this.disabled) 

रेफरी: jQuery के साथ चेकबॉक्स के लिए "चेक किया" सेट करना?

 <form name="frmChkForm" id="frmChkForm"> <input type="checkbox" name="chkcc9" id="chkAll">Check Me <input type="checkbox" name="chk9[120]" class="chkGroup"> <input type="checkbox" name="chk9[140]" class="chkGroup"> <input type="checkbox" name="chk9[150]" class="chkGroup"> </form> $("#chkAll").click(function() { $(".chkGroup").attr("checked", this.checked); }); 

सभी कार्य चेकबॉक्सेस को सुनिश्चित करने के लिए जोड़ा कार्यविधि के साथ सभी चेकबॉक्स चेक / dechecked हो जाता है अगर सभी व्यक्तिगत चेकबॉक्स चेक होते हैं:

 $(".chkGroup").click(function() { $("#chkAll")[0].checked = $(".chkGroup:checked").length == $(".chkGroup").length; }); 
 <input type="checkbox" id="selecctall" name="selecctall" value="All"/> <input type="checkbox" name="data[InventoryMaster][error]" label="" value="error" id="InventoryMasterError" /> <input type="checkbox" name="checkid[]" class="checkbox1" value="1" id="InventoryMasterId" /> <input type="checkbox" name="checkid[]" class="checkbox1" value="2" id="InventoryMasterId" /> $(document).ready(function() { $('#InventoryMasterError').click(function(event) { //on click if(this.checked) { // check select status $('.checkerror').each(function() { //loop through each checkbox $('#selecctall').attr('disabled','disabled'); }); }else{ $('.checkerror').each(function() { //loop through each checkbox $('#selecctall').removeAttr('disabled','disabled'); }); } }); }); $(document).ready(function() { $('#selecctall').click(function(event) { //on click if(this.checked) { // check select status $('.checkbox1').each(function() { //loop through each checkbox $('#InventoryMasterError').attr('disabled','disabled'); }); }else{ $('.checkbox1').each(function() { //loop through each checkbox $('#InventoryMasterError').removeAttr('disabled','disabled'); }); } }); });