使用jQuery选择取消选择复选框

Question

I have a list of checkboxes in my kendo grid.Select all option is also there. Problem is When i click select all then all the checkboxes selected and then unselect some checkboxes and going to save then it shows me all the checkboxes.(un checked checkboxes also shown )

My Code

    $('#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

use below code on save, to get all checked checkboxes as a comma separated string

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