फ़ंक्शन "सभी का चयन करें" और iCheck

Question

मैं iCheck का उपयोग करके "सभी का चयन करें" को कार्यान्वित करना चाहता हूं।

$(function() { 
    $('input').iCheck(); 
    $('input.all').on('ifChecked ifUnchecked', function(event) { 
     if (event.type == 'ifChecked') { 
      $('input.check').iCheck('check'); 
     } else { 
      $('input.check').iCheck('uncheck'); 
     } 
    }); 
    $('input.check').on('ifUnchecked', function(event) { 
     $('input.all').iCheck('uncheck'); 
    }); 
}); 

फिडल: jsfiddle.net/N7uYR/1/

मैं चाहता हूँ कि जब "बॉक्स 1 जाँच करें", "बॉक्स 2 की जाँच करें", "बॉक्स 3 की जाँच करें"

यह मैं अब तक क्या किया है है , "चेक बॉक्स 4" चुना गया है, "सभी का चयन करें" भी चुना जाता है।

वास्तव में इस तरह

: jsfiddle.net/ivanionut/N7uYR/

मैं यह कैसे कर सकते हैं?

Answer 1

यहां मैं क्या आया हूं।

$(function() { 
    var checkAll = $('input.all'); 
    var checkboxes = $('input.check'); 

    $('input').iCheck(); 

    checkAll.on('ifChecked ifUnchecked', function(event) {   
     if (event.type == 'ifChecked') { 
      checkboxes.iCheck('check'); 
     } else { 
      checkboxes.iCheck('uncheck'); 
     } 
    }); 

    checkboxes.on('ifChanged', function(event){ 
     if(checkboxes.filter(':checked').length == checkboxes.length) { 
      checkAll.prop('checked', 'checked'); 
     } else { 
      checkAll.removeProp('checked'); 
     } 
     checkAll.iCheck('update'); 
    }); 
}); 

jsFiddle

Answer 2

आप इसे करने के लिए अपने चेकबॉक्स के माता-पिता का उपयोग कर सकते हैं। उदाहरण

<div class='allchecked'> 
<input type="checkbox"/> 
<input type="checkbox"/> 

और jQuery का उपयोग कर attr स्थापित करने के लिए के लिए ("जाँच") या नहीं।

Answer 3

इस मुद्दे भर में मामला किसी और stumbles में, स्वीकार किए जाते हैं जवाब मुझ पर के लिए गतिशील रूप से उत्पन्न चेक बॉक्स काम नहीं कर रहा था। थोड़ा Dzulqarnain नासिर से

https://github.com/fronteed/iCheck/issues/44

Answer 4

किसी को अब भी इस के साथ संघर्ष कर लिए, मैं स्वीकार किए जाते हैं जवाब https://stackoverflow.com/a/17821003/3061836 बदल दिया है): मैं यहाँ समाधान मिल गया।

मैं prop विधि के लिए removeProp विधि बदल दिया है:

checkAll.removeProp('checked'); 

checkAll.prop('checked', false); 

को बदल दिया जाता है removeProp विधि मेरे लिए काम नहीं किया था, लेकिन गलत पर जाँच की संपत्ति की स्थापना काम किया।

लेखन के समय, मैं jQuery 2.1.4 के साथ iCheck 1.0.2 का उपयोग कर रहा