javascript - 仅选择 kendotreeview 的两个复选框

Question

我的应用程序中有带有复选框的 TreeView ，有一个问题是仅选择两个剩余页面加载的复选框必须处于禁用状态。 (即，如果取消选择，则剩余的一个复选框处于启用状态)。

My fiddle:

    Code: 
           var tree= $("#treeview").kendoTreeView({
            checkboxes: {
                checkChildren: true
            },

            dataSource: [{
                id: 1, text: "My Project", expanded: true, spriteCssClass: "rootfolder", items: [
                    {
                        id: 2, text: "OrderID", expanded: true, spriteCssClass: "folder", items: [
                            { id: 3, text: "a"  },
                            { id: 4, text: "b"  },
                            { id: 5, text: "c" },
                            { id: 6, text: "d" },
                            { id: 7, text: "e" }
                        ]
                    }

                ]
            }]
        }).data("kendoTreeView");

          tree.dataSource.bind("change", function (e) {

Answer 1

尝试类似的事情

function updateChks(){
    var checkboxes = $('#treeview input:checkbox');
    var selected = checkboxes.filter(':checked');
    checkboxes.not(selected).prop('disabled', selected.length > 1)
}

$('#treeview').on('click', 'input:checkbox', updateChks);

updateChks();

演示:Fiddle