दिलचस्प पोस्ट
जावा 8 स्ट्रीम, सिर और पूंछ प्राप्त करना जावास्क्रिप्ट के साथ <div> पर अक्षम करें और फिर ऑनक्लिक ईवेंट को कैसे अक्षम करें सर्वलेट में JSON स्ट्रिंग पढ़ें पायथन में रिटर्न और प्रिंटिंग के बीच का अंतर? Ctypes (संरचना <-> str) का उपयोग करके कैसे पैक और अनपॅक करें ग्राहक का सटीक स्थानीय समय कैसे प्राप्त करें? स्प्रिंग बूट, स्प्रिंग डेटा जेपीए, जिसमें कई डाटा सॉलर्स शामिल हैं मैं सी # में अपने नियंत्रण में चलती प्रभाव कैसे जोड़ सकता हूं? मैं कैसे PHP में एक सरणी में एक अल्पविराम सीमांकित स्ट्रिंग विभाजित कर सकते हैं? एक्लिप्स में एंबेम्स को संकलित नहीं कर सकते कैसे संपत्ति से एक छवि लोड करने के लिए? एक स्ट्रिंग में एक चरित्र के उदाहरणों को बदलना गिटग्नॉर फ़ाइल में पथ में अंतर? मैं फ़ायरबग में सीएसएस परिवर्तन क्यों नहीं बचा सकता? जावास्क्रिप्ट में "अमान्य तारीख" दिनांक उदाहरण का पता लगाया जा रहा है

Jquery चेकबॉक्स सभी को चेक करें

मैं jQuery के साथ विशेषज्ञ नहीं हूं लेकिन मैंने अपने आवेदन के लिए एक छोटी सी स्क्रिप्ट बनाने की कोशिश की है। मैं सभी चेकबॉक्सों को चेक करना चाहता हूं, लेकिन यह सही ढंग से काम नहीं कर रहा है

सबसे पहले मैंने attr का इस्तेमाल करने की कोशिश की और उसके बाद मैंने prop की कोशिश की लेकिन मैं कुछ गलत कर रहा हूं।

मैंने यह पहली कोशिश की:

 $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').attr('checked','checked'); } else { $('input:checkbox').removeAttr('checked'); } }); 

लेकिन यह काम नहीं कर रहा था

अगला: यह ऊपर कोड से बेहतर काम करता है

 $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').prop('checked',true); } else { $('input:checkbox').prop('checked', false); } }); 

दोनों उदाहरण काम नहीं करते हैं मैं एक जवाब के लिए googling की कोशिश की लेकिन असफल रहा था

जेएसफ़िल्ड: http://jsfiddle.net/hhZfu/4/

धन्यवाद

Solutions Collecting From Web of "Jquery चेकबॉक्स सभी को चेक करें"

चेक की गई संपत्ति को सेट करने के लिए आपको .prop () का उपयोग करना होगा

 $("#checkAll").click(function(){ $('input:checkbox').not(this).prop('checked', this.checked); }); 

डेमो: बेलाल

बस checked की checked की checked संपत्ति का उपयोग करें और checked की checked संपत्ति के लिए checkAll बजाय इस्तेमाल की गई सहायता () का उपयोग करें

लाइव डेमो

  $('#checkAll').click(function () { $('input:checkbox').prop('checked', this.checked); }); 

गुणों के लिए attr () के बजाय प्रोप () का प्रयोग करें जैसे चेक की गई

JQuery 1.6 के अनुसार, .attr () विधि रिटर्न उन विशेषताओं के लिए अनिर्धारित है जो सेट नहीं किए गए हैं। DOM गुणों को पुनः प्राप्त करने और बदलने के लिए जैसे कि चयनित, चयनित या अक्षम तत्वों की स्थिति, .prop () विधि का उपयोग करें

आपके पास चेकबॉक्स के लिए समान आईडी है और इसका अद्वितीय होना चाहिए आप बेहतर जांचकर्ताओं के साथ कुछ वर्ग का उपयोग करते हैं ताकि आप उन चेकबॉक्स को शामिल न कर सकें जिन्हें आप नहीं चाहते हैं। $('input:checkbox') पृष्ठ पर सभी चेकबॉक्स का चयन करेंगे। यदि आपका पृष्ठ नए चेकबॉक्स के साथ बढ़ाया गया है, तो उन्हें चयनित / अन-चयनित भी मिलेगा जो वांछित व्यवहार नहीं हो सकता है

लाइव डेमो

 $('#checkAll').click(function () { $(':checkbox.checkItem').prop('checked', this.checked); }); 

एक पूरा समाधान यहाँ है

 $(document).ready(function() { $("#checkedAll").change(function() { if (this.checked) { $(".checkSingle").each(function() { this.checked=true; }); } else { $(".checkSingle").each(function() { this.checked=false; }); } }); $(".checkSingle").click(function () { if ($(this).is(":checked")) { var isAllChecked = 0; $(".checkSingle").each(function() { if (!this.checked) isAllChecked = 1; }); if (isAllChecked == 0) { $("#checkedAll").prop("checked", true); } } else { $("#checkedAll").prop("checked", false); } }); }); 

HTML होना चाहिए:

चेक किए गए तीन चेकबॉक्स पर एकल चेक बॉक्स का चयन किया जाएगा और चयन रद्द कर दिया जाएगा।

 <input type="checkbox" name="checkedAll" id="checkedAll" /> <input type="checkbox" name="checkAll" class="checkSingle" /> <input type="checkbox" name="checkAll" class="checkSingle" /> <input type="checkbox" name="checkAll" class="checkSingle" /> 

आशा है कि यह किसी के लिए मदद करता है क्योंकि यह मेरे लिए किया था

जेएस फ्रेडल https://jsfiddle.net/52uny55w/

मुझे सबसे आसान तरीका पता है:

$('input[type="checkbox"]').prop("checked", true);

आप यह कोशिश क्यों नहीं करते (दूसरी पंक्ति में जहां 'फॉर्म #' आपको अपने एचटीएमएल फार्म का उचित चयनकर्ता रखना होगा):

 $('.checkAll').click(function(){ $('form#myForm input:checkbox').each(function(){ $(this).prop('checked',true); }) }); $('.uncheckAll').click(function(){ $('form#myForm input:checkbox').each(function(){ $(this).prop('checked',false); }) }); 

आपका HTML इस तरह होना चाहिए:

 <form id="myForm"> <span class="checkAll">checkAll</span> <span class="uncheckAll">uncheckAll</span> <input type="checkbox" class="checkSingle"></input> .... </form> 

मुझे आशा है कि वह मदद करेंगे।

एक संपत्ति के मूल्य पाने के लिए .prop () का उपयोग करें

 $("#checkAll").change(function () { $("input:checkbox").prop('checked', $(this).prop("checked")); }); 

HTML:

 <p><input type="checkbox" id="parent" /> Check/Uncheck All</p> <ul> <li> <input type="checkbox" class="child" /> Checkbox 1</li> <li> <input type="checkbox" class="child" /> Checkbox 2</li> <li> <input type="checkbox" class="child" /> Checkbox 3</li> </ul> 

jQuery:

 $(document).ready(function() { $("#parent").click(function() { $(".child").prop("checked", this.checked); }); $('.child').click(function() { if ($('.child:checked').length == $('.child').length) { $('#parent').prop('checked', true); } else { $('#parent').prop('checked', false); } }); }); 

डेमो: FIDDLE

आप नीचे सरल कोड का उपयोग कर सकते हैं:

 function checkDelBoxes(pForm, boxName, parent) { for (i = 0; i < pForm.elements.length; i++) if (pForm.elements[i].name == boxName) pForm.elements[i].checked = parent; } 

प्रयोग के लिए उदाहरण:

 <a href="javascript:;" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'CheckBox[]', true);return false;"> Select All </a> <a href="javascript:;" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'CheckBox[]', false);return false;"> Unselect All </a> 
 if(isAllChecked == 0) { $("#select_all").prop("checked", true); } 

कृपया ऊपर पंक्ति को बदलने के लिए

 if(isAllChecked == 0) { $("#checkedAll").prop("checked", true); } 

एसएसआर के उत्तर में और अपने कामकाज को सही धन्यवाद

ट्रिगर क्लिक करें

 $("#checkAll").click(function(){ $('input:checkbox').click(); }); 

या

 $("#checkAll").click(function(){ $('input:checkbox').trigger('click'); }); 

या

 $("#checkAll").click(function(){ $('input:checkbox').prop('checked', this.checked); }); 
 if($('#chk_all').is(":checked")) { $('#'+id).attr('checked', true); } else { $('#'+id).attr('checked', false); } 
  $('#checkall').on("click",function(){ $('.chk').trigger("click"); }); 

html:

  <div class="col-md-3 general-sidebar" id="CategoryGrid"> <h5>Category &amp; Sub Category <span style="color: red;">* </span></h5> <div class="checkbox"> <label> <input onclick="checkUncheckAll(this)" type="checkbox"> All </label> </div> <div class="checkbox"><label><input class="cat" type="checkbox" value="Quality">Quality</label></div> <div class="checkbox"><label><input class="subcat" type="checkbox" value="Planning process and execution">Planning process and execution</label></div> 

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

 function checkUncheckAll(ele) { if (ele.checked) { $('.cat').prop('checked', ele.checked); $('.subcat').prop('checked', ele.checked); } else { $('.cat').prop('checked', ele.checked); $('.subcat').prop('checked', ele.checked); } } 

सामान्यतः आप भी मास्टर चेकबॉक्स को अनचेक करना चाहते हैं यदि कम से कम 1 दास चेकबॉक्स को अनचेक कर दिया गया है और सभी चेक चेकबॉक्स चेक किए जाने पर ckecked किया जाना है:

 /** * Checks and unchecks checkbox-group with a master checkbox and slave checkboxes * @param masterId is the id of master checkbox * @param slaveName is the name of slave checkboxes */ function checkAll(masterId, slaveName) { $master = $('#' + masterId); $slave = $('input:checkbox[name=' + slaveName + ']'); $master.click(function(){ $slave.prop('checked', $(this).prop('checked')); $slave.trigger('change'); }); $slave.change(function() { if ($master.is(':checked') && $slave.not(':checked').length > 0) { $master.prop('checked', false); } else if ($master.not(':checked') && $slave.not(':checked').length == 0) { $master.prop('checked', 'checked'); } }); } 

और अगर आप किसी भी नियंत्रण को सक्षम करना चाहते हैं (उदाहरण के लिए Remove All बटन Remove All या कुछ Add Something बटन), जब कम से कम एक चेक बॉक्स की जाँच की जाती है और जब कोई चेकबॉक्स चेक नहीं होता है तो अक्षम हो जाता है:

 /** * Checks and unchecks checkbox-group with a master checkbox and slave checkboxes, * enables or disables a control when a checkbox is checked * @param masterId is the id of master checkbox * @param slaveName is the name of slave checkboxes */ function checkAllAndSwitchControl(masterId, slaveName, controlId) { $master = $('#' + masterId); $slave = $('input:checkbox[name=' + slaveName + ']'); $master.click(function(){ $slave.prop('checked', $(this).prop('checked')); $slave.trigger('change'); }); $slave.change(function() { switchControl(controlId, $slave.filter(':checked').length > 0); if ($master.is(':checked') && $slave.not(':checked').length > 0) { $master.prop('checked', false); } else if ($master.not(':checked') && $slave.not(':checked').length == 0) { $master.prop('checked', 'checked'); } }); } /** * Enables or disables a control * @param controlId is the control-id * @param enable is true, if control must be enabled, or false if not */ function switchControl(controlId, enable) { var $control = $('#' + controlId); if (enable) { $control.removeProp('disabled'); } else { $control.prop('disabled', 'disabled'); } } 

एचटीएमएल

 <HTML> <HEAD> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <TITLE>Multiple Checkbox Select/Deselect - DEMO</TITLE> </HEAD> <BODY> <H2>Multiple Checkbox Select/Deselect - DEMO</H2> <table border="1"> <tr> <th><input type="checkbox" id="selectall"/></th> <th>Cell phone</th> <th>Rating</th> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td> <td>BlackBerry Bold 9650</td> <td>2/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="2"/></td> <td>Samsung Galaxy</td> <td>3.5/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="3"/></td> <td>Droid X</td> <td>4.5/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td> <td>HTC Desire</td> <td>3/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="5"/></td> <td>Apple iPhone 4</td> <td>5/5</td> </tr> </table> </BODY> </HTML> 

jQuery कोड

 <SCRIPT language="javascript"> $(function(){ // add multiple select / deselect functionality $("#selectall").click(function () { $('.case').attr('checked', this.checked); }); // if all checkbox are selected, check the selectall checkbox // and viceversa $(".case").click(function(){ if($(".case").length == $(".case:checked").length) { $("#selectall").attr("checked", "checked"); } else { $("#selectall").removeAttr("checked"); } }); }); </SCRIPT> 

डेमो देखें

डेमो देखने के लिए यहां क्लिक करें

  <pre> <SCRIPT language="javascript"> $(function(){ // add multiple select / deselect functionality $("#selectall").click(function () { $('.case').attr('checked', this.checked); }); // if all checkbox are selected, check the selectall checkbox // and viceversa $(".case").click(function(){ if($(".case").length == $(".case:checked").length) { $("#selectall").attr("checked", "checked"); } else { $("#selectall").removeAttr("checked"); } }); }); </SCRIPT> <HTML> <HEAD> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <TITLE>Multiple Checkbox Select/Deselect - DEMO</TITLE> </HEAD> <BODY> <H2>Multiple Checkbox Select/Deselect - DEMO</H2> <table border="1"> <tr> <th><input type="checkbox" id="selectall"/></th> <th>Cell phone</th> <th>Rating</th> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td> <td>BlackBerry Bold 9650</td> <td>2/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="2"/></td> <td>Samsung Galaxy</td> <td>3.5/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="3"/></td> <td>Droid X</td> <td>4.5/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td> <td>HTC Desire</td> <td>3/5</td> </tr> <tr> <td align="center"><input type="checkbox" class="case" name="case" value="5"/></td> <td>Apple iPhone 4</td> <td>5/5</td> </tr> </table> </BODY> </HTML> </pre> 

मुझे पता है कि बहुत सारे उत्तर यहां पोस्ट किए गए हैं लेकिन मैं इसे कोड के अनुकूलन के लिए पोस्ट करना चाहूंगा और हम इसे विश्व स्तर पर उपयोग कर सकते हैं।

मैंने अपना श्रेष्ठ प्रयास किया

 /*---------------------------------------- * Check and uncheck checkbox which will global * Params : chk_all_id=id of main checkbox which use for check all dependant, chk_child_pattern=start pattern of the remain checkboxes * Developer Guidline : For to implement this function Developer need to just add this line inside checkbox {{ class="check_all" dependant-prefix-id="PATTERN_WHATEVER_U_WANT" }} ----------------------------------------*/ function checkUncheckAll(chk_all_cls,chiled_patter_key){ if($("."+chk_all_cls).prop('checked') == true){ $('input:checkbox[id^="'+chiled_patter_key+'"]').prop('checked', 'checked'); }else{ $('input:checkbox[id^="'+chiled_patter_key+'"]').removeProp('checked', 'checked'); } } if($(".check_all").get(0)){ var chiled_patter_key = $(".check_all").attr('dependant-prefix-id'); $(".check_all").on('change',function(){ checkUncheckAll('check_all',chiled_patter_key); }); /*------------------------------------------------------ * this will remain checkbox checked if already checked before ajax call! :) ------------------------------------------------------*/ $(document).ajaxComplete(function() { checkUncheckAll('check_all',chiled_patter_key); }); } 

मुझे उम्मीद है कि इससे सहायता मिलेगी!

उन सभी को शासन करने के लिए एक चेकबॉक्स

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

दस्तावेज़ीकरण पृष्ठ पर उदाहरणों को देखने के लिए स्वतंत्र महसूस करें


इस सवाल का उदाहरण आपको बस इतना करना है:

 $( "#checkAll" ).checkall({ target: "input:checkbox" }); 

यह स्पष्ट और सरल नहीं है?

  <p id="checkAll">Check All</p> <hr /> <input type="checkbox" class="checkItem">Item 1 <input type="checkbox" class="checkItem">Item 2 <input type="checkbox" class="checkItem">Item3 

और jquery

 $(document).on('click','#checkAll',function () { $('.checkItem').not(this).prop('checked', this.checked); }); 
 function chek_al_indi(id) { var k = id; var cnt_descriptiv_indictr = eval($('#cnt_descriptiv_indictr').val()); var std_cnt = 10; if ($('#'+ k).is(":checked")) { for (var i = 1; i <= std_cnt; i++) { $("#chk"+ k).attr('checked',true); k = k + cnt_descriptiv_indictr; } } if ($('#'+ k).is(":not(:checked)")) { for (var i = 1; i <= std_cnt; i++) { $("#chk"+ k).attr('checked',false); k = k + cnt_descriptiv_indictr; } } } 

आप एक jQuery चयनकर्ता के परिणामों पर सीधे .prop() चला सकते हैं, भले ही वह एक से अधिक परिणाम लौटाता है। इसलिए:

$("input[type='checkbox']").prop('checked', true)

मुझे लगता है कि आपको चेकबॉक्स को चेक किए गए संपत्ति के लिए .prop () का उपयोग करना होगा

 $(document).on("click", "#check_All", function(){ $('input:checkbox').not(this).prop('checked', this.checked); }); 

मुझे उम्मीद है कि यह उत्तर आपके लिए उपयोगी है I