दिलचस्प पोस्ट
PHP और mySQL: वर्ष 2038 बग: यह क्या है? इसे कैसे हल करें? अपवाद और त्रुटि के बीच अंतर ग्नोस्कोप और एक्सीलरोमीटर डेटा को जोड़ना समूह द्वारा mySQL और postgreSQL में खंड, क्यों postgreSQL में त्रुटि? <h: selectOneRadio> टेबल तत्व प्रस्तुत करता है, यह कैसे से बचने के लिए? कैसे "पूरी तरह से" एक dict पर ओवरराइड? एक स्ट्रिंग एन्क्रिप्ट और डिक्रिप्ट करें पायथन में समय बीत चुका है? फॉट्रॉर 90 में दो वैक्टर के क्रॉस उत्पाद की गणना करना Android सूचीदृश्य पाठ रंग सी # .NET 3.5 में प्रगति पट्टी का रंग कैसे बदल सकता है? ActionBarCompat: java.lang.IllegalStateException: आपको एक थीम का उपयोग करना होगा। AppCompat बाश में, मैं कैसे जांच सकता हूँ अगर कोई स्ट्रिंग कुछ मान से शुरू होती है? शून्य का एक संक्षिप्त विवरण खाली रिक्त रेल। रेल पर रूबी में रिक्त Servlets और Ajax का उपयोग कैसे करें?

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'); }); } }); });