मैं jQuery का उपयोग करके एक बटन के साथ सभी चेकबॉक्स को कैसे चेक / अनचेक कर सकता हूं?

Question

मैं jQuery का उपयोग करके सभी चेकबॉक्स को चेक / अनचेक करने का प्रयास कर रहा हूं। अब पेरेंट चेकबॉक्स को चेक / अनचेक करके सभी चाइल्ड चेकबॉक्स को सिलेक्ट किया जा रहा है / डिसेलेक्ट किया गया है, साथ ही पेरेंट चेकबॉक्स के टेक्स्ट को चेकलैक / अनचेक करने के लिए बदल दिया जा रहा है।

अब मैं एक इनपुट बटन के साथ पैरेंट चेकबॉक्स को बदलना चाहता हूं, और टेक्स्ट को बटन पर चेकलैक / अनचेक करने के लिए भी बदलना चाहता हूं। कोड हैं, क्या कोई कृपया कोड को ट्विक कर सकता है?

    $( function() {
        $( '.checkAll' ).live( 'change', function() {
            $( '.cb-element' ).attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' );
            $( this ).next().text( $( this ).is( ':checked' ) ? 'Uncheck All' : 'Check All' );
        });
        $( '.cb-element' ).live( 'change', function() {
            $( '.cb-element' ).length == $( '.cb-element:checked' ).length ? $( '.checkAll' ).attr( 'checked', 'checked' ).next().text( 'Uncheck All' ) : $( '.checkAll' ).attr( 'checked', '' ).next().text( 'Check All' );

        });
    });


   <input type="checkbox" class="checkAll" /> <b>Check All</b>

   <input type="checkbox" class="cb-element" /> Checkbox  1
   <input type="checkbox" class="cb-element" /> Checkbox  2
   <input type="checkbox" class="cb-element" /> Checkbox  3

Comments

angulartutorial.net/2015/11/…

— Prashobh

चेक करें jQuery के freakyjolly.com/ के

— जासूस कोड

Answer 1

इसको आजमाओ :

$(document).ready(function(){
    $('.check:button').toggle(function(){
        $('input:checkbox').attr('checked','checked');
        $(this).val('uncheck all');
    },function(){
        $('input:checkbox').removeAttr('checked');
        $(this).val('check all');        
    })
})

डेमो

Comments

-1 टॉगल का मतलब इस तरह काम करने के लिए नहीं है: api.jquery.com/toggle (कम से कम वर्तमान संस्करण)

— एस्टनी

केवल एक बटन के लिए काम करता है, अगर आपको कई की आवश्यकता है तो इसका उपयोग करना सबसे अच्छा है.click()

— foochow

शीर्षासन: यह उत्तर आपके फॉर्म के प्रत्येक चेकबॉक्स को अक्षरशः जाँचता है। जब तक आप चाहते हैं कि छोड़ें। कई जाँचों के लिए इस उत्तर ने मेरी मदद की: stackoverflow.com/a/27148382/3448554

— केल्सी हन्नान

मैंने इस कोड की कोशिश की, लेकिन मेरा चेकबॉक्स गायब क्यों हो गया? xD और उस पर एक "डिस्प्ले: कोई नहीं" गुण है

— melvanberd

JQuery के नवीनतम संस्करणों के साथ, .attr()और removeAttr()"चेक किए गए" विशेषता के साथ उपयोग नहीं किया जाना चाहिए। के रूप में removeAttr()यह करने के लिए स्थापित करने के बजाय विशेषता को हटा देगा false। .prop('checked', true)या .prop('checked', false)इसके बजाय उपयोग किया जाना चाहिए, जैसा कि @ richard-garside उत्तर में बताया गया है।

— डेविड टोरेस

Answer 2

यह मेरे द्वारा पाया गया सबसे छोटा तरीका है (jQuery1.6 + की जरूरत है)

HTML:

<input type="checkbox" id="checkAll"/>

जे एस:

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

जब तक आपने jQuery 1.6+ में चेकबॉक्स के लिए काम नहीं करता है।

उदाहरण-

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="#">
    <p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
    
    <fieldset>
        <legend>Loads of checkboxes</legend>
        <p><label><input type="checkbox" /> Option 1</label></p>
        <p><label><input type="checkbox" /> Option 2</label></p>
        <p><label><input type="checkbox" /> Option 3</label></p>
        <p><label><input type="checkbox" /> Option 4</label></p>
    </fieldset>
</form>

Comments

आप इसे कैसे उपयोग करते हैं? एक बेला देखने का कोई मौका?

— २०:२० पर ड्रूविड

सरल उत्तर, लेकिन ओपी एक बटन चाहता था

— vphilipnyc

आप इस तरह से "सभी को कैसे रद्द करें" करते हैं?

— मिशाल स्कॉप

@MichalSkop यह कोड #checkAll की जाँच की गई है या नहीं, इसके आधार पर चयन या चयन रद्द करता है। यदि आप सभी को अनचेक करना चाहते हैं, तो आप केवल इस $ ("इनपुट: चेकबॉक्स") की तरह गलत मूल्य का उपयोग कर सकते हैं। प्रोप ('चेक', गलत);

— रिचर्ड गार्साइड

धन्यवाद, बहुत आसान!

— विनकीसुवेल

Answer 3

इसको आजमाओ:

एचटीएमएल

<input type="checkbox" name="all" id="checkall" />

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

$('#checkall:checkbox').change(function () {
   if($(this).attr("checked")) $('input:checkbox').attr('checked','checked');
   else $('input:checkbox').removeAttr('checked');
});​

डेमो

Comments

हां, यह कोड सही है, भले ही यह DOM LEVEL से बदलता हो। मुझे कोड करने के लिए कड़ी मेहनत की गई है, लेकिन यहां तक ​​कि मैंने अन्य प्लगइन्स की कोशिश की है जो भी काम नहीं कर रहे हैं .. यह एक सही है।

— रफी

Answer 4

एचटीएमएल

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

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

    $('.checkAll').click(function(){
    if($(this).attr('checked')){
        $('input:checkbox').attr('checked',true);
    }
    else{
        $('input:checkbox').attr('checked',false);
    }
});

Comments

.Attr के बजाय .pr का उपयोग करें यदि आप jQuery1.6 का उपयोग कर रहे हैं +

— रिचर्ड

Answer 5

एक बटन का उपयोग करके चेकबॉक्स को टॉगल करने के लिए समाधान, jQuery 1.9+ के साथ संगत जहां टॉगल -ईवेंट अब उपलब्ध नहीं है :

$('.check:button').click(function(){
      var checked = !$(this).data('checked');
      $('input:checkbox').prop('checked', checked);
      $(this).val(checked ? 'uncheck all' : 'check all' )
      $(this).data('checked', checked);
});

डेमो

Comments

एक चेकबॉक्स और "इनपुट: चेकबॉक्स" के साथ बटन को मेरे उद्देश्यों के लिए एक वर्ग के साथ बदल दिया, और यह काम किया!

— RationalRabbit

Answer 6

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

$('.checkAll').on('click', function(e) {
     $('.cb-element').prop('checked', $(e.target).prop('checked'));
});

eजब आप करते हैं तब उत्पन्न होने वाली घटना होती है click, और e.targetतत्व क्लिक किया हुआ होता है ( .checkAll), इसलिए आपको केवल checkedकक्षा के साथ तत्वों की संपत्ति डालनी होगी.cb-element साथ रखना होगा। checkAll`।

पुनश्च: बहाना मेरी खराब अंग्रेजी!

Comments

हे रूबेन, आपको अपने जवाब में एक टिप्पणी जोड़नी चाहिए ताकि ओपी समझ सके कि आपने उस समस्या को कैसे हल किया

— edi9999

आपकी मदद के लिए धन्यवाद @ edi9999, मैं एक शुरुआत कर रहा हूँ

— रूबेन पेरेज़

यह उत्तर बेहतर IMO है क्योंकि स्वीकृत उत्तर आपके फॉर्म पर सभी चेकबॉक्सों की जांच करेगा , जबकि आपका पैटर्न आपको आसानी से विभिन्न HTML फॉर्म $ ("# आईडी") या $ ("वर्ग") तत्वों को लक्षित करता है जैसे $('#all_news_items').on('click', function(e) { $('.news-item-option').prop('checked', $(e.target).prop('checked')); }); कि चेकॉल के बिना एक पैटर्न। अन्य रूप तत्वों के साथ हस्तक्षेप करने वाले कार्य, ताकि आप आसानी से एक नया चेकल जोड़ सकें:$('#all_specializations').on('click', function(e) { $('.specialization-option').prop('checked', $(e.target).prop('checked')); });

— केल्सी हन्नान

Answer 7

आप यह कोशिश कर सकते हैं

    $('.checkAll').on('click',function(){
        $('.checkboxes').prop('checked',$(this).prop("checked"));
    });`

क्लास .checkAllएक चेकबॉक्स है जो बल्क एक्शन को नियंत्रित करता है

Answer 8

रिचर्ड Garside के संक्षिप्त उत्तर है, लेकिन बजाय का उपयोग करने के साथ सहमति व्यक्त की prop()में $(this).prop("checked")आप देशी जे एस का उपयोग कर सकते checkedकी संपत्ति चेकबॉक्स की तरह,

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="#">
    <p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
    
    <fieldset>
        <legend>Loads of checkboxes</legend>
        <p><label><input type="checkbox" /> Option 1</label></p>
        <p><label><input type="checkbox" /> Option 2</label></p>
        <p><label><input type="checkbox" /> Option 3</label></p>
        <p><label><input type="checkbox" /> Option 4</label></p>
    </fieldset>
</form>

Answer 9

JQuery का उपयोग करके सभी को मध्यवर्ती संपत्ति के साथ चेक / अनचेक करें

GetSelectedItems () पद्धति का उपयोग करके सरणी में जाँच की गई वस्तुएँ प्राप्त करें

स्रोत चेकबॉक्स सूची का चयन करें / अनिश्चित मास्टर जाँच के साथ सभी को रद्द करें

एचटीएमएल

<div class="container">
  <div class="card">
    <div class="card-header">
      <ul class="list-group list-group-flush">
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="selectAll"
            id="masterCheck"
          />
          <label class="form-check-label" for="masterCheck">
            Select / Unselect All
          </label>
        </li>
      </ul>
    </div>
    <div class="card-body">
      <ul class="list-group list-group-flush" id="list-wrapper">
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item1"
            id="item1"
          />
          <label class="form-check-label" for="item1">
            Item 1
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item2"
            id="item2"
          />
          <label class="form-check-label" for="item2">
            Item 2
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item3"
            id="item3"
          />
          <label class="form-check-label" for="item3">
            Item 3
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item4"
            id="item4"
          />
          <label class="form-check-label" for="item4">
            Item 4
          </label>
        </li>
        <li class="list-group-item">
          <input
            class="form-check-input"
            type="checkbox"
            value="item5"
            id="item5"
          />
          <label class="form-check-label" for="item5">
            Item 5
          </label>
        </li>
        <li class="list-group-item" id="selected-values"></li>
      </ul>
    </div>
  </div>
</div>

jQuery

  $(function() {
    // ID selector on Master Checkbox
    var masterCheck = $("#masterCheck");
    // ID selector on Items Container
    var listCheckItems = $("#list-wrapper :checkbox");

    // Click Event on Master Check
    masterCheck.on("click", function() {
      var isMasterChecked = $(this).is(":checked");
      listCheckItems.prop("checked", isMasterChecked);
      getSelectedItems();
    });

    // Change Event on each item checkbox
    listCheckItems.on("change", function() {
      // Total Checkboxes in list
      var totalItems = listCheckItems.length;
      // Total Checked Checkboxes in list
      var checkedItems = listCheckItems.filter(":checked").length;

      //If all are checked
      if (totalItems == checkedItems) {
        masterCheck.prop("indeterminate", false);
        masterCheck.prop("checked", true);
      }
      // Not all but only some are checked
      else if (checkedItems > 0 && checkedItems < totalItems) {
        masterCheck.prop("indeterminate", true);
      }
      //If none is checked
      else {
        masterCheck.prop("indeterminate", false);
        masterCheck.prop("checked", false);
      }
      getSelectedItems();
    });

    function getSelectedItems() {
      var getCheckedValues = [];
      getCheckedValues = [];
      listCheckItems.filter(":checked").each(function() {
        getCheckedValues.push($(this).val());
      });
      $("#selected-values").html(JSON.stringify(getCheckedValues));
    }
  });

Answer 10

सबसे अच्छा समाधान यहाँ जाँच फ़िडल

$("#checkAll").change(function () {
    $("input:checkbox.cb-element").prop('checked', $(this).prop("checked"));
});
$(".cb-element").change(function () {
        _tot = $(".cb-element").length                        
        _tot_checked = $(".cb-element:checked").length;

        if(_tot != _tot_checked){
            $("#checkAll").prop('checked',false);
        }
});

<input type="checkbox" id="checkAll"/> ALL

<br />

<input type="checkbox" class="cb-element" /> Checkbox  1
<input type="checkbox" class="cb-element" /> Checkbox  2
<input type="checkbox" class="cb-element" /> Checkbox  3

Answer 11

नीचे दिया गया कोड काम करेगा यदि उपयोगकर्ता सभी चेकबॉक्स का चयन करता है तो सभी चेकबॉक्स की जांच की जाएगी और यदि उपयोगकर्ता किसी एक चेकबॉक्स को अचयनित करता है तो सभी चेकबॉक्स को अनचेक कर दिया जाएगा।

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

$(".cb-element").change(function () {
  if($(".cb-element").length==$(".cb-element:checked").length)
    $("#checkall").prop('checked', true);
  else
    $("#checkall").prop('checked', false);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="all" id="checkall" />Check All</br>

<input type="checkbox" class="cb-element" /> Checkbox  1</br>
<input type="checkbox" class="cb-element" /> Checkbox  2</br>
<input type="checkbox" class="cb-element" /> Checkbox  3

Answer 12

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

$(".checkAll").click(function() {
    if("checkall" === $(this).val()) {
         $(".cb-element").attr('checked', true);
         $(this).val("uncheckall"); //change button text
    }
    else if("uncheckall" === $(this).val()) {
         $(".cb-element").attr('checked', false);
         $(this).val("checkall"); //change button text
    }
});

Comments

मैंने आपकी स्क्रिप्ट की कोशिश की है, लेकिन कोई किस्मत नहीं। क्या आप कृपया इसे देख सकते हैं कि मैंने सही तरीके से लागू किया है या नहीं ..? डेमो

— रवि

Answer 13

बेशर्म आत्म-प्रचार: इसके लिए एक jQuery प्लगइन है ।

HTML:

<form action="#" id="myform">
    <div><input type="checkbox" id="checkall"> <label for="checkall"> Check all</label></div>
    <fieldset id="slaves">
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
        <div><label><input type="checkbox"> Checkbox</label></div>
    </fieldset>
</form>​

जे एस:

$('#checkall').checkAll('#slaves input:checkbox', {
    reportTo: function () {
        var prefix = this.prop('checked') ? 'un' : '';
        this.next().text(prefix + 'check all');
    }
});​

...और आपने कल लिया।

http://jsfiddle.net/mattball/NrM2P

Answer 14

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

<input type="checkbox" class="checkAll" onclick="$('input[type=checkbox][class=cb-element]').attr('checked',this.checked)">

Answer 15

आप this.checkedचेकबॉक्स की वर्तमान स्थिति को सत्यापित करने के लिए उपयोग कर सकते हैं ,

$('.checkAll').change(function(){
    var state = this.checked; //checked ? - true else false

    state ? $(':checkbox').prop('checked',true) : $(':checkbox').prop('checked',false);

    //change text
    state ? $(this).next('b').text('Uncheck All') : $(this).next('b').text('Check All')
});

$('.checkAll').change(function(){
    var state = this.checked;
    state? $(':checkbox').prop('checked',true):$(':checkbox').prop('checked',false);
    state? $(this).next('b').text('Uncheck All') :$(this).next('b').text('Check All')
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 <input type="checkbox" class="checkAll" /> <b>Check All</b>

   <input type="checkbox" class="cb-element" /> Checkbox  1
   <input type="checkbox" class="cb-element" /> Checkbox  2
   <input type="checkbox" class="cb-element" /> Checkbox  3

Answer 16

सभी चेकबॉक्स को चेक / अनचेक करने के लिए नीचे दिए गए कोड की कोशिश करें

jQuery(document).ready(function() {
    $("#check_uncheck").change(function() {
        if ($("#check_uncheck:checked").length) {
            $(".checkboxes input:checkbox").prop("checked", true);
        } else {
            $(".checkboxes input:checkbox").prop("checked", false);
        }
    })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input type="checkbox" name="check_uncheck" id="check_uncheck" /> Check All/Uncheck All
<br/>
<br/>
<div class="checkboxes">
    <input type="checkbox" name="check" id="check" /> Check Box 1
    <br/>
    <input type="checkbox" name="check" id="check" /> Check Box 2
    <br/>
    <input type="checkbox" name="check" id="check" /> Check Box 3
    <br/>
    <input type="checkbox" name="check" id="check" /> Check Box 4
</div>

इसे इस्तेमाल करे डेमो लिंक की

ऐसा करने का एक और छोटा तरीका भी है, उदाहरण के लिए चेकआउट। इस उदाहरण में सभी चेकबॉक्स को चेक / अनचेक करें या नहीं चेक किया गया है तो सभी wiil को चेक किया जाए और यदि सभी अनचेक नहीं हैं

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

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <input type="checkbox" name="check_uncheck" id="check_uncheck" /> Check All/Uncheck All
    <br/>
    <br/>
    <div class="checkboxes">
        <input type="checkbox" name="check" id="check" /> Check Box 1
        <br/>
        <input type="checkbox" name="check" id="check" /> Check Box 2
        <br/>
        <input type="checkbox" name="check" id="check" /> Check Box 3
        <br/>
        <input type="checkbox" name="check" id="check" /> Check Box 4
    </div>

Answer 17

मुझे पता है कि यह सवाल पुराना है लेकिन, मैंने देखा कि ज्यादातर लोग एक चेकबॉक्स का उपयोग कर रहे हैं। स्वीकृत उत्तर एक बटन का उपयोग करता है, लेकिन कई बटन के साथ काम नहीं कर सकता (उदाहरण के लिए नीचे पृष्ठ के शीर्ष पर एक)। तो यहाँ एक संशोधन है जो दोनों करता है।

एचटीएमएल

<a href="#" class="check-box-machine my-button-style">Check All</a>

jQuery

var ischecked = false;
$(".check-box-machine").click(function(e) {
    e.preventDefault();
    if (ischecked == false) {
        $("input:checkbox").attr("checked","checked");
        $(".check-box-machine").html("Uncheck All");
        ischecked = true;
    } else {
        $("input:checkbox").removeAttr("checked");
        $(".check-box-machine").html("Check All");
        ischecked = false;
    }
});

यह आपको पाठ और चेकबॉक्स मानों को बदलने के साथ कई बटन रखने की अनुमति देगा। मैं शामिल एकe.preventDefault() कॉल क्योंकि यह पृष्ठ को href="#"भाग के कारण ऊपर से कूदने से रोक देगा ।

Answer 18

$(function () {
    $('input#check_all').change(function () {
        $("input[name='input_ids[]']").prop('checked', $(this).prop("checked"));
    });
});

Comments

क्या आप इस कोड के प्रश्न का उत्तर देने के स्पष्टीकरण में संपादित कर सकते हैं ? कोड-केवल उत्तर हतोत्साहित किए जाते हैं, क्योंकि वे समाधान नहीं सिखाते हैं।

— शिमोनस्टर

Answer 19

यहां एक लिंक दिया गया है, जिसका उपयोग माता-पिता चेकबॉक्स को चेक और अनचेक करने के लिए किया जाता है और सभी चाइल्ड चेकबॉक्स चयनित और अचयनित हो रहे हैं।

jquery चेक डेमो के साथ jquery का उपयोग करके सभी चेकबॉक्स को अनचेक करता है

$(function () {
        $("#select-all").on("click", function () {
            var all = $(this);
            $('input:checkbox').each(function () {
                $(this).prop("checked", all.prop("checked"));
            });
        });
    });

Answer 20

<script type="text/javascript">
    function myFunction(checked,total_boxes){ 
         for ( i=0 ; i < total_boxes ; i++ ){ 
           if (checked){   
             document.forms[0].checkBox[i].checked=true; 
            }else{  
             document.forms[0].checkBox[i].checked=false; 
            } 
        }   
    } 
</script>
    <body>
        <FORM> 
            <input type="checkbox" name="checkBox" >one<br> 
            <input type="checkbox" name="checkBox" >two<br> 
            <input type="checkbox" name="checkBox" >three<br> 
            <input type="checkbox" name="checkBox" >four<br> 
            <input type="checkbox" name="checkBox" >five<br> 
            <input type="checkbox" name="checkBox" >six<br> 
            <input type="checkbox" name="checkBox" >seven<br> 
            <input type="checkbox" name="checkBox" >eight<br> 
            <input type="checkbox" name="checkBox" >nine<br>
            <input type="checkbox" name="checkBox" >ten<br>  s
            <input type=button name="CheckAll" value="Select_All" onClick="myFunction(true,10)"> 
            <input type=button name="UnCheckAll" value="UnCheck All Boxes" onClick="myFunction(false,10)"> 
        </FORM> 
    </body>

Answer 21

इसे अपने कोड ब्लॉक में जोड़ें, या यहां तक ​​कि अपने बटन पर क्लिक करें

$('input:checkbox').attr('checked',false);

Answer 22

$(document).ready( function() {
        // Check All
        $('.checkall').click(function () {          
            $(":checkbox").attr("checked", true);
        });
        // Uncheck All
        $('.uncheckall').click(function () {            
            $(":checkbox").attr("checked", false);
        });
    });

Answer 23

यदि सभी आइटम चेक नहीं किए गए हैं तो सभी को अनचेक / चेक कंट्रोलर से चेक करें

जे एस:

ई = चेकबॉक्स आईडी टी = चेकबॉक्स (आइटम) वर्ग एन = चेकबॉक्स सभी वर्ग की जांच करें

function checkAll(e,t,n){jQuery("#"+e).click(function(e){if(this.checked){jQuery("."+t).each(function(){this.checked=true;jQuery("."+n).each(function(){this.checked=true})})}else{jQuery("."+t).each(function(){this.checked=false;jQuery("."+n).each(function(){this.checked=false})})}});jQuery("."+t).click(function(e){var r=jQuery("."+t).length;var i=0;var s=0;jQuery("."+t).each(function(){if(this.checked==true){i++}if(this.checked==false){s++}});if(r==i){jQuery("."+n).each(function(){this.checked=true})}if(i<r){jQuery("."+n).each(function(){this.checked=false})}})}

HTML:

सभी controle वर्ग की जाँच करें: chkall_ctrl

<input type="checkbox"name="chkall" id="chkall_up" class="chkall_ctrl"/>
<br/>
1.<input type="checkbox" value="1" class="chkall" name="chk[]" id="chk1"/><br/>
2.<input type="checkbox" value="2" class="chkall" name="chk[]" id="chk2"/><br/>
3.<input type="checkbox" value="3" class="chkall" name="chk[]" id="chk3"/><br/>
<br/>
<input type="checkbox"name="chkall" id="chkall_down" class="chkall_ctrl"/>

<script>
jQuery(document).ready(function($)
{
  checkAll('chkall_up','chkall','chkall_ctrl');
  checkAll('chkall_down','chkall','chkall_ctrl');
});
 </script>