Javascript 仅选择kendotreeview的两个复选框

Javascript 仅选择kendotreeview的两个复选框,javascript,kendo-ui,Javascript,Kendo Ui,我的应用程序中有带复选框的treeview有一个问题,就是只选择两个 按页面加载剩余的复选框必须处于禁用状态。(即,如果取消选择,则剩余的复选框处于启用状态) 试试像这样的东西 function updateChks(){ var checkboxes = $('#treeview input:checkbox'); var selected = checkboxes.filter(':checked'); checkboxes.not(selected).prop('

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

试试像这样的东西

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();
演示:

尝试以下内容

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

演示:

感谢您在此快速回复。默认情况下,pageload中还有两个复选框处于启用状态。这里是fiddle我更新了这里的函数id fiddle我没有得到任何结果,我想在pageload上默认选中两个复选框。@sandeep哪两个复选框必须选中任意两个,如“a”和“b”在pageload中默认选中。感谢您宝贵的时间。感谢您在此快速回复。默认情况下,pageload中启用了两个复选框。这是fiddle我更新了这里的函数id fiddle我没有得到任何结果,我想在pageload上默认选中两个复选框。@sandeep必须选中哪两个复选框pageload上默认选中“a”和“b”之类的任意两个复选框。感谢您宝贵的时间。如果您在有子节点的节点中单击,预期的结果是什么?不确定这是否是您想要的,但如果您单击具有子节点的节点(
myproject
OrderID
),请使用@ArunPJohny解决方案无论子节点是两个还是二十个,都将选中它们。此处只需在pageload@ArunPJohny上选中两个treeview复选框手动只选中两个复选框,但默认情况下我需要。这是小提琴,有些东西我不明白。。。如何指定要在pageload上选择哪两个复选框?默认情况下(对你)意味着什么?除非我们了解您想要什么,否则我们无法帮助您。当您在页面加载时观察我的小提琴时,没有选中任何复选框,但需要在页面加载中默认选中两个复选框。很抱歉坚持要选中哪两个?任何随机的前两个?最后两个?如果单击包含子节点的节点,预期结果是什么?不确定这是否是您想要的,但如果您单击具有子节点的节点(
myproject
OrderID
),请使用@ArunPJohny解决方案无论子节点是两个还是二十个,都将选中它们。此处只需在pageload@ArunPJohny上选中两个treeview复选框手动只选中两个复选框,但默认情况下我需要。这是小提琴,有些东西我不明白。。。如何指定要在pageload上选择哪两个复选框?默认情况下(对你)意味着什么?除非我们了解您想要什么,否则我们无法帮助您。当您在页面加载时观察我的小提琴时,没有选中任何复选框,但需要在页面加载中默认选中两个复选框。很抱歉坚持要选中哪两个?任何随机的前两个?最后两个?