jquery - 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

.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');
    } 
});