使用jquery选择取消选中复选框

Question

我的kendo网格中有一个复选框列表。选择所有选项也在那里。 问题是当我点击全选然后选中所有复选框然后取消选中一些复选框并保存然后它会显示所有复选框。（未选中复选框也显示）

我的代码

    $('#itemGrid').on('change', '.usedchk', function () {


    var checked = $(this).is(':checked');
    var grid = $('#itemGrid').data().kendoGrid;
    var dataItem = grid.dataItem($(this).closest('tr'));
    var selected = $('#selected').val();
    var id = dataItem.itemId;

    if ($('#selected').val().indexOf(id) == -1) {
        if ($('#selected').val() == '') {
            $('#selected').val(id);
        } else {
            $('#selected').val(selected + "," + id );
        }
    }
});

Answer 1

在保存时使用下面的代码，将所有选中的复选框作为逗号分隔的字符串

var output = $.map($('#selected:checked'), function(n, i){
  return n.value;
}).join(',');