jQuery - Kendo UI 复选框控件

Posted 2023-05-07

【中文标题】jQuery - Kendo UI 复选框控件

【英文标题】：jQuery - Kendo UI checkbox control

【发布时间】：2013-08-18 06:29:15

【问题描述】：

我在数据网格标题上有这个 Kendo UI 复选框，当它被勾选时， 网格行上的所有复选框也需要勾选，反之亦然。

棘手的部分是让它监听每个网格行状态，以便 当任何行更改其复选框状态时，应通过此更改通知网格标题 并自动更改其状态，因为不再选中/取消选中所有行。

我已经走了这么远，发现很难走得更远。 JS BIN

非常感谢您的意见。

【参考方案1】：

下面的方法怎么样，对你有用吗？

var $grid = $('#grid');
var grid = $grid.kendoGrid().data('kendoGrid');
var rowCount = 2;

$('.parentCheckbox').click(function () 
     $('.childCheckbox').prop('checked',this.checked);
);

$('.childCheckbox').click(function () 
    var checkeBoxesCount = $grid.find('input:checked').size();
    $('.parentCheckbox').prop('checked',checkeBoxesCount == rowCount);
);

http://jsfiddle.net/XsAZa/6/

【讨论】：

@bobby_d_ 感谢您的意见。我试过了，但没有发生批量勾选/取消勾选。 JS BIN

@SeongLee 批量工作正常。计数的行为有点奇怪（我稍后会发布完整的解决方案）：jsfiddle.net/vojtiik/XsAZa/5

@Bobby_D_ 嗨，你有机会调查一下伯爵吗？非常感谢您的意见。

抱歉耽搁了。我已经更新了我的答案，唯一的区别是选择器搜索选中的复选框。一旦您知道有多少条记录，这种方法就会起作用。