दिलचस्प पोस्ट
numpy: सूचकांक arrays के साथ कुशलता से संक्षेप त्रुटि 1066: सुअर, जेनेरिक समाधान में अन्य नाम के लिए हेरेटर को खोलने में असमर्थ मैं जावा सैंडबॉक्स कैसे बनाऊं? अल्पविराम-पृथक तारों को संग्रह / सरणी / सूची बनाने के लिए सबसे अधिक परिष्कृत तरीका? फ़ाइल एक्सटेंशन का उपयोग करके C # का उपयोग करें उद्देश्य सी में स्ट्रिंग रूपांतरण कैसे करें? रिश्बोर्स मोड कैसे करें, यूडब्ल्यूपी में पूर्ववर्ती (या समकक्ष) ढूंढें साधारण गतिशील ब्रेडक्रंब शीर्ष एक्शनबार पर एंड्रॉइड नेविगेशन ड्रॉवर कैसे एक धागा को समय समाप्ति के लिए पुरानी सीएसवी फ़ाइल अजगर के लिए नई पंक्ति जोड़ें पायथन में कई रैखिक प्रतिगमन एक पूर्णांक को सौंपा जाता है तो पाउ () का रिटर्न वैल्यू गुणा हो जाता है GUIDs कितनी सुरक्षित हैं? परमिको में इंटरैक्टिव कमांड चलाना

JQuery के साथ एक चेकबॉक्स के लिए "चेक किया" सेट करना?

मैं jQuery की तरह एक checkbox टिक करने के लिए ऐसा कुछ करना चाहता हूं:

 $(".myCheckBox").checked(true); 

या

 $(".myCheckBox").selected(true); 

क्या ऐसी किसी वस्तु का अस्तित्व है?

वेब के समाधान से एकत्रित समाधान "JQuery के साथ एक चेकबॉक्स के लिए "चेक किया" सेट करना?"

jQuery 1.6+

नया .prop() विधि का प्रयोग करें:

 $('.myCheckbox').prop('checked', true); $('.myCheckbox').prop('checked', false); 

jQuery 1.5.x और नीचे

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

 $('.myCheckbox').attr('checked', true); $('.myCheckbox').attr('checked', false); 

नोट करें कि यह संस्करण 1.6 से पहले jQuery के यूनिट परीक्षणों द्वारा उपयोग किया जाने वाला दृष्टिकोण है और उपयोग करने के लिए बेहतर है

 $('.myCheckbox').removeAttr('checked'); 

बाद के बाद से, यदि बॉक्स को शुरू में चेक किया गया था, तो किसी भी रूप में .reset() को कॉल के व्यवहार को बदल दें – एक सूक्ष्म लेकिन संभवतः अप्रिय व्यवहार परिवर्तन।

अधिक संदर्भ के लिए, 1.5.x से 1.6 तक के संक्रमण में checked विशेषता / प्रॉपर्टी से निपटने के लिए परिवर्तनों की कुछ अधूरी चर्चा, संस्करण 1.6 रिलीज नोट्स और । गुणों की .prop() बनाम प्रॉपर्टी अनुभाग में मिल सकती है। .prop() प्रलेखन

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

यदि आप केवल एक तत्व के साथ काम कर रहे हैं, तो आप हमेशा केवल HTMLInputElement की HTMLInputElement कर सकते हैं। .checked गुण:

 $('.myCheckbox')[0].checked = true; $('.myCheckbox')[0].checked = false; 

इस के बजाय .prop() और .attr() विधियों का उपयोग करने का लाभ यह है कि वे सभी मिलान तत्वों पर काम करेंगे।

उपयोग:

 $(".myCheckbox").attr('checked', true); // Deprecated $(".myCheckbox").prop('checked', true); 

और अगर आप जांचना चाहते हैं कि चेक बॉक्स की जांच की गई है या नहीं:

 $('.myCheckbox').is(':checked'); 

यह jQuery के साथ चेकबॉक्स को चेक और अनचेक करने का सही तरीका है, क्योंकि यह क्रॉस-प्लेटफ़ॉर्म मानक है, और फॉर्म रिपॉस्ट की अनुमति देगा।

 $('.myCheckBox').each(function(){ this.checked = true; }); $('.myCheckBox').each(function(){ this.checked = false; }); 

ऐसा करने से, आप चेकबॉक्स को चेक और अनचेक करने के लिए जावास्क्रिप्ट मानकों का उपयोग कर रहे हैं, इसलिए चेकबॉक्स तत्व की "चेक की गई" संपत्ति को ठीक से लागू करने वाला कोई भी ब्राउज़र इस कोड को निरर्थक तरीके से चलाएगा। यह सभी प्रमुख ब्राउज़रों होना चाहिए , लेकिन मैं इंटरनेट एक्सप्लोरर 9 के पिछले परीक्षण करने में असमर्थ हूं।

समस्या (jQuery 1.6):

एक उपयोगकर्ता एक चेकबॉक्स पर क्लिक करने के बाद, यह चेकबॉक्स "चेक किए गए" विशेषता परिवर्तनों पर प्रतिक्रिया देना बंद कर देता है।

यहां चेकबॉक्स विशेषता का एक उदाहरण है कि किसी ने चेकबॉक्स (यह क्रोम में होता है) पर क्लिक करने के बाद काम करने में विफल हो।

बेला

समाधान:

DOM तत्वों पर जावास्क्रिप्ट की "चेक की गई" प्रॉपर्टी का उपयोग करके, हम समस्या को सीधे हल करने में सक्षम हैं, इसके बजाय हम डोम को हेरफेर करने की कोशिश करने के बजाय जो हम करना चाहते हैं।

बेला

यह प्लगइन किसी भी jQuery के द्वारा चयनित तत्वों की जाँच की गई संपत्ति को बदल देगा, और सभी परिस्थितियों में चेकबॉक्स को सफलतापूर्वक जांच और अनचेक कर देगा। इसलिए, जब यह एक ओवर-असर समाधान की तरह लग सकता है, यह आपकी साइट का उपयोगकर्ता अनुभव बेहतर बना देगा, और उपयोगकर्ता हताशा को रोकने में मदद करेगा।

 (function( $ ) { $.fn.checked = function(value) { if(value === true || value === false) { // Set the value of the checkbox $(this).each(function(){ this.checked = value; }); } else if(value === undefined || value === 'toggle') { // Toggle the checkbox $(this).each(function(){ this.checked = !this.checked; }); } return this; }; })( jQuery ); 

वैकल्पिक रूप से, यदि आप किसी प्लगइन का उपयोग नहीं करना चाहते हैं, तो आप निम्न कोड स्निपेट का उपयोग कर सकते हैं:

 // Check $(':checkbox').prop('checked', true); // Un-check $(':checkbox').prop('checked', false); // Toggle $(':checkbox').prop('checked', function (i, value) { return !value; }); 

तुम कर सकते हो

 $('.myCheckbox').attr('checked',true) //Standards compliant 

या

 $("form #mycheckbox").attr('checked', true) 

यदि आपके पास चेकबॉक्स के लिए ऑन-क्लिक ईवेंट में कस्टम कोड है जिसे आप आग लगाना चाहते हैं, तो इसके बजाय इसका उपयोग करें:

 $("#mycheckbox").click(); 

आप विशेषता को पूरी तरह से हटा कर अनचेक कर सकते हैं:

 $('.myCheckbox').removeAttr('checked') 

आप इस तरह से सभी चेकबॉक्स देख सकते हैं:

 $(".myCheckbox").each(function(){ $("#mycheckbox").click() }); 

आप नई विधियों के साथ $। एफएन वस्तु का विस्तार भी कर सकते हैं:

 (function($) { $.fn.extend({ check : function() { return this.filter(":radio, :checkbox").attr("checked", true); }, uncheck : function() { return this.filter(":radio, :checkbox").removeAttr("checked"); } }); }(jQuery)); 

तो आप बस कर सकते हैं:

 $(":checkbox").check(); $(":checkbox").uncheck(); 

या फिर आप उन्हें अधिक अद्वितीय नाम देना चाहते हैं जैसे mycheck () और myuncheck () अगर आप उन अन्य नामों का उपयोग करने वाली किसी अन्य लाइब्रेरी का उपयोग करते हैं

 $("#mycheckbox")[0].checked = true; $("#mycheckbox").attr('checked', true); $("#mycheckbox").click(); 

अंतिम बार चेक बॉक्स के लिए क्लिक ईवेंट को आग लगा देगा, अन्य नहीं करेंगे इसलिए यदि आपके पास चेकबॉक्स के लिए ऑन-क्लिक ईवेंट में कस्टम कोड है जिसे आप आग लगाते हैं, तो पिछले एक का उपयोग करें

चेकबॉक्स को चेक करने के लिए आपको उपयोग करना चाहिए

  $('.myCheckbox').attr('checked',true); 

या

  $('.myCheckbox').attr('checked','checked'); 

और एक चेक बॉक्स को अनचेक करने के लिए आपको हमेशा इसे गलत पर सेट करना चाहिए:

  $('.myCheckbox').attr('checked',false); 

यदि तुम करो

  $('.myCheckbox').removeAttr('checked') 

यह एक साथ सभी गुण को हटा देता है और इसलिए आप फ़ॉर्म को रीसेट करने में सक्षम नहीं होंगे।

खराब डेमो jQuery 1.6 मुझे लगता है कि यह टूट गया है। 1.6 के लिए मैं उस पर एक नई पोस्ट करने जा रहा हूं।

नया कामकाजी डेमो jQuery 1.5.2 क्रोम में काम करता है

दोनों डेमो का उपयोग करें

 $('#tc').click(function() { if ( $('#myCheckbox').attr('checked')) { $('#myCheckbox').attr('checked', false); } else { $('#myCheckbox').attr('checked', 'checked'); } }); 

यह मानते हुए कि सवाल है …

मैं चेकबॉक्स-सेट BY BY जांच कैसे करूं ?

याद रखें कि एक सामान्य चेकबॉक्स सेट में, सभी इनपुट टैग का एक ही नाम है, वे विशेषता value भिन्न होते हैं: सेट के प्रत्येक इनपुट के लिए कोई आईडी नहीं है।

जियान के उत्तर को एक अधिक विशिष्ट चयनकर्ता के साथ बढ़ाया जा सकता है, जो कोड की निम्न पंक्ति का उपयोग करता है:

 $("input.myclass[name='myname'][value='the_value']").prop("checked", true); 

मुझे समाधान याद आ रहा है मैं हमेशा उपयोग करूंगा:

 if ($('#myCheckBox:checked').val() !== undefined) { //Checked } else { //Not checked } 

यह उन तत्वों का चयन करता है जिनके पास निर्दिष्ट एट्रिब्यूट है जिसमें दिए गए सबस्ट्रिंग वाला मान है:

 $('input[name *= ckbItem]').prop('checked', true); 

यह सभी तत्वों का चयन करेगा जिसमें सीकेबीआईटीम को इसके नाम विशेषता में रखा गया है।

यहां jQuery के बिना ऐसा करने का एक तरीका है

 function addOrAttachListener(el, type, listener, useCapture) { if (el.addEventListener) { el.addEventListener(type, listener, useCapture); } else if (el.attachEvent) { el.attachEvent("on" + type, listener); } }; addOrAttachListener(window, "load", function() { var cbElem = document.getElementById("cb"); var rcbElem = document.getElementById("rcb"); addOrAttachListener(cbElem, "click", function() { rcbElem.checked = cbElem.checked; }, false); }, false); 
 <label>Click Me! <input id="cb" type="checkbox" /> </label> <label>Reflection: <input id="rcb" type="checkbox" /> </label> 

JQuery 1.6 या अधिक का उपयोग कर चेकबॉक्स की जांच करने के लिए यह करें:

 checkbox.prop('checked', true); 

अनचेक करने के लिए, इसका उपयोग करें:

 checkbox.prop('checked', false); 

ये है कि मैं jQuery का उपयोग कर चेकबॉक्स को टॉगल करने के लिए क्या उपयोग करना चाहता हूं:

 checkbox.prop('checked', !checkbox.prop('checked')); 

यदि आप jQuery 1.5 या निम्न का उपयोग कर रहे हैं:

 checkbox.attr('checked', true); 

अनचेक करने के लिए, इसका उपयोग करें:

 checkbox.attr('checked', false); 

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

 $('#checkboxid').get(0).checked = true; //For checking $('#checkboxid').get(0).checked = false; //For unchecking 

यहां एक बटन के साथ चेक और अनचेक करने के लिए कोड दिया गया है:

 var set=1; var unset=0; jQuery( function() { $( '.checkAll' ).live('click', function() { $( '.cb-element' ).each(function () { if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; } if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; } }); set=unset; }); }); 

अद्यतन: यहां नए कोड का उपयोग करते हुए एक ही कोड ब्लॉक है, जो कि jQuery के 1.6+ प्रोप विधि का उपयोग करता है, जो एट्रर को बदलता है:

 var set=1; var unset=0; jQuery( function() { $( '.checkAll' ).live('click', function() { $( '.cb-element' ).each(function () { if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; } if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; } }); set=unset; }); }); 

यदि आप फोनगैप का उपयोग कर रहे हैं अनुप्रयोग विकास, और आप बटन पर एक मूल्य है कि आप तुरंत दिखाना चाहते हैं, ऐसा करने के लिए याद है

 $('span.ui-[controlname]',$('[id]')).text("the value"); 

मुझे पता चला कि अवधि के बिना, इंटरफ़ेस कोई बात नहीं अद्यतन करेगा जो आप करते हैं।

हम विशेषता की जाँच के लिए jQuery के साथ elementObject उपयोग कर सकते हैं:

 $(objectElement).attr('checked'); 

हम बिना किसी त्रुटि के सभी jQuery संस्करणों के लिए इसका उपयोग कर सकते हैं।

अद्यतन: जेक्जरी 1.6+ में नए प्रोप विधि है, जो एट्रर को बदलता है, जैसे:

 $(objectElement).prop('checked'); 

कई चेक बॉक्स को चेक करने के लिए यहां कोड और डेमो है …

http://jsfiddle.net/tamilmani/z8TTt/

 $("#check").on("click", function () { var chk = document.getElementById('check').checked; var arr = document.getElementsByTagName("input"); if (chk) { for (var i in arr) { if (arr[i].name == 'check') arr[i].checked = true; } } else { for (var i in arr) { if (arr[i].name == 'check') arr[i].checked = false; } } }); 

एक और संभावित समाधान:

  var c = $("#checkboxid"); if (c.is(":checked")) { $('#checkboxid').prop('checked', false); } else { $('#checkboxid').prop('checked', true); } 

यदि मोबाइल का उपयोग कर रहे हैं और आप चाहते हैं कि इंटरफ़ेस को अपडेट और चेक बॉक्स को अनचेक के रूप में दिखाना है, तो निम्न का उपयोग करें:

 $("#checkbox1").prop('checked', false).checkboxradio("refresh"); 

चेक और अनचेक करने के लिए

 $('.myCheckbox').prop('checked', true); $('.myCheckbox').prop('checked', false); 

इंटरनेट एक्सप्लोरर 9 से पहले इंटरनेट एक्सप्लोरर में मेमोरी लीक से अवगत रहें, क्योंकि jQuery के प्रलेखन के अनुसार :

संस्करण 9 से पहले इंटरनेट एक्सप्लोरर में, .prop () का उपयोग करने के लिए एक साधारण आदिम मूल्य (संख्या, स्ट्रिंग, या बुलियन) के अलावा किसी भी चीज़ को एक DOM तत्व गुण सेट करने के लिए मेमोरी लीक का कारण बन सकता है अगर संपत्ति हटाई नहीं जा रही है। .removeProp ( )) दस्तावेज़ से DOM तत्व को निकाल दिए जाने से पहले। स्मृति लीक के बिना DOM ऑब्जेक्ट पर मूल्यों को सुरक्षित रूप से सेट करने के लिए, .data () का उपयोग करें।

JQuery 1.6+ के लिए

 $('.myCheckbox').prop('checked', true); $('.myCheckbox').prop('checked', false); 

JQuery 1.5.x और नीचे के लिए

 $('.myCheckbox').attr('checked', true); $('.myCheckbox').attr('checked', false); 

जाँच करने के लिए,

 $('.myCheckbox').removeAttr('checked'); 
 $('controlCheckBox').click(function(){ var temp = $(this).prop('checked'); $('controlledCheckBoxes').prop('checked', temp); }); 

यह संभवतः कम से कम और आसान उपाय है:

 $(".myCheckBox")[0].checked = true; 

या

 $(".myCheckBox")[0].checked = false; 

यहां तक ​​कि कम होगा:

 $(".myCheckBox")[0].checked = !0; $(".myCheckBox")[0].checked = !1; 

यहां एक जेएसफ़ील्ड भी है

सादा जावास्क्रिप्ट बहुत सरल है और बहुत कम ओवरहेड है:

 var elements = document.getElementsByClassName('myCheckBox'); for(var i = 0; i < elements.length; i++) { elements[i].checked = true; } 

यहाँ उदाहरण

मैं इसे का उपयोग कर काम नहीं कर सका:

 $("#cb").prop('checked', 'true'); $("#cb").prop('checked', 'false'); 

सही और गलत दोनों चेकबॉक्स को चेक करेंगे। मेरे लिए क्या काम था:

 $("#cb").prop('checked', 'true'); // For checking $("#cb").prop('checked', ''); // For unchecking 

जब आप एक चेकबॉक्स की तरह चेक किया;

 $('.className').attr('checked', 'checked') 

यह पर्याप्त नहीं हो सकता है आपको नीचे फ़ंक्शन को भी कॉल करना चाहिए;

 $('.className').prop('checked', 'true') 

खासकर जब आपने चेकबॉक्स चेक किए गए विशेषता हटा दी

यहां jQuery का पूरा जवाब दिया गया है

मैं इसे परीक्षण करता हूं और यह 100% काम करता है: डी

  // when the button (select_unit_button) is clicked it returns all the checed checkboxes values $("#select_unit_button").on("click", function(e){ var arr = []; $(':checkbox:checked').each(function(i){ arr[i] = $(this).val(); // u can get id or anything else }); //console.log(arr); // u can test it using this in google chrome }); 

JQuery में,

 if($("#checkboxId").is(':checked')){ alert("Checked"); } 

या

 if($("#checkboxId").attr('checked')==true){ alert("Checked"); } 

जावास्क्रिप्ट में,

 if (document.getElementById("checkboxID").checked){ alert("Checked"); } 

यदि आप एएसपी.नेट एमवीसी का उपयोग करते हैं, तो कई चेकबॉक्सेस जनरेट करते हैं और बाद में जावास्क्रिप्ट का उपयोग करके सभी को चुनना / अचयनित करना है, आप निम्न कार्य कर सकते हैं।

एचटीएमएल

 @foreach (var item in Model) { @Html.CheckBox(string.Format("ProductId_{0}", @item.Id), @item.IsSelected) } 

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

 function SelectAll() { $('input[id^="ProductId_"]').each(function () { $(this).prop('checked', true); }); } function UnselectAll() { $('input[id^="ProductId_"]').each(function () { $(this).prop('checked', false); }); }