jQuery - Kendo UI 复选框控件答案

【问题标题】：jQuery - Kendo UI checkbox controljQuery - Kendo UI 复选框控件
【发布时间】：2013-08-18 06:29:15
【问题描述】：

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

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

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

非常感谢您的意见。

【问题讨论】：

标签： jquery checkbox kendo-ui

【解决方案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_ 嗨，你有机会调查一下伯爵吗？非常感谢您的意见。
抱歉耽搁了。我已经更新了我的答案，唯一的区别是选择器搜索选中的复选框。一旦您知道有多少条记录，这种方法就会起作用。