Ограничить количество отмеченных флажков с помощью iCheck

Question

Я использую флажки iCheck для создания стиля, и у меня возникли проблемы с использованием этой проверки. В принципе, мне нужно одновременно проверять 3 флажка и предотвращать проверку дополнительных полей.

Я попытался с помощью этого:

$("#modal1").on("change", function() 
{ 
    var limit = 3, 
     checkboxes = $(this).find("input:checkbox"), 
     valid = checkboxes.filter(":checked").length >= limit; 

    checkboxes.not(":checked").attr("disabled", valid); 
    $('input').iCheck('update'); 
}); 

Он работает без iCheck, как показано ниже, но я не могу получить iCheck обновить.

http://jsfiddle.net/hUdrF/4/

Answer 1

Похоже, метод обновления iCheck не видит изменения атрибута инвалидов. Вы можете попробовать нативный метод iCheck для отключения флажка:

if (checkboxes.filter(":checked").length >= limit) { 
    checkboxes.not(":checked").iCheck('disable'); 
} else { 
    checkboxes.not(":checked").iCheck('enable'); 
} 

Answer 2

Я до добавления .on("ifToggled" плюс код Spacedog, которая решается проблема.

$("#modal1").on("ifToggled", function() { 
    checkboxes = $(this).find("input:checkbox"); 
    if (checkboxes.filter(":checked").length >= 3) { 
     checkboxes.not(":checked").iCheck('disable'); 
    } else { 
     checkboxes.not(":checked").iCheck('enable'); 
    } 
}); 

Answer 3

внести некоторые изменения в коде

$("#modal1").on("change", function() 
    { 
    var limit = 2; 
    $('.check').on('ifChanged', function(event) { 
     checkboxes = $('.icheck-list').find("input:checkbox"); 
     if (checkboxes.filter(":checked").length >= limit) { 
      checkboxes.not(":checked").iCheck('disable'); 
     } else { 
      checkboxes.not(":checked").iCheck('enable'); 
     } 
    }); 
    });