javascript - 只为 kendotreeview 选择两个复选框

Question

我的应用程序中有一个带有复选框的树视图，有一个问题是通过页面加载仅选择两个复选框，剩余的必须处于禁用状态。（即，如果取消选择剩余的一个复选框处于启用状态）。

我的小提琴：

    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();

演示：小提琴