X编辑。毛刺与复选框

Question

我已经问过关于复选框的问题，这些复选框通过主复选框改变了状态，并得到了完整的答案here。 由于我还需要禁用关闭复选框，因此我没有清楚完整地提出我的问题，这是我的错。我只是编辑提供的答案，似乎没问题。

   $(document).on('click', 'input[name=maincb]', function ()
    {
        var checked = $(this).is(':checked');
        $(document).find('.sup.editable-input').each(function ()
        {

            if ($(this).is(':checked') != checked)
            {
                $(this).trigger('click');
                $(this).attr("disabled", !checked);
            }
        });
    });

但......有以下故障：

1）当我多次尝试选择/取消选择所有复选框时，它适用于奇数尝试 - 在编辑模式下取消选择全部然后选择所有...操作没有复选框处于选择状态，它们被启用是，但不是选择。我想这是事件传播的事情......

2）当所有选中并且我关闭时，说第二个复选框，现在它被关闭然后我取消选择它们然后第二个cb没有被禁用。为什么呢？

Fiddle就在这里。

那么，主要问题是如何应对这些故障？

最后但并非最不重要的问题 - 是否有可能只使用x-editable / angularjs功能来处理这项工作而没有jquery？

提前致谢！