使用magic-chebox来做chebox全选样式显示异常

Question

我使用了magic-chebox的css来美化chebox的效果。但是再做全选的时候出现了问题。全选和全部取消选择只会生效一次。F12看是没触发对应的:after事件。

                var cheboxtip="biz-chebox-test-";
                $("#biz-modal-content").append('<h3 style="font-size:18px">test：</h3><input type="checkbox" ' +
                    'id="biz-chebox-test-" value="'+cheboxtip+'" name="test"  class="magic-checkbox" onclick="bizObj.selectAllchebox(this.value)"/>' +
                    '<label for="biz-chebox-sip-">全选</label>');
                if (data.itemlist && data.itemlist.SIPAccount) {
                    $.each(data.itemlist.test, function (index, account) {
                        bizObj.appendBizModalSelect(index,account,cheboxtip);
                    });
                }
                
                
   appendBizModalSelect:function(index, account,tip){
    var id=tip+index;
    $("#biz-modal-content").append('<div class="chebox-content"><input type="checkbox" name="biz-modal" id="'+id+'" ' +
        'value="'+account.id+'"  tip="'+tip+'" class="magic-checkbox"/><label for="'+id+'">'+account.name+'</label></div>');
}
selectAllchebox:function(ids){
    if($("#"+ids+"").prop("checked")) {
        $.each($("input[tip=" + ids + "]"), function (i, item) {
            $(item).attr("checked", true);
        });
    }
    else {
        $.each($("input[tip=" + ids + "]"), function (i, item) {
            $(item).attr("checked",false);
        });
    }
},

有人能说下是怎么回事吗？