jquery - jQuery - Kendo UI 复选框控件

Question

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

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

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

非常感谢您的意见。

Answer 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/