jQuery - Kendo UI复选框控件

Question

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

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

我走了这么远，发现很难进一步发展。 JS BIN

非常感谢您的意见。

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/