Set checkbox value in all checkbox of grid

Question

How to set all checkbox value from column header checkbox, I am having following function on click for column header checkbox having argument column header name & checkbox object.

function handleClick(cb, sName) {
  var table= $("#GridName");
  $('td input:checkbox',table).prop('checked',cb.checked);
}

cb is checkbox instance. This function working but setting value in all checkbox for all column in grid, how to add filter for grid if sName is column name.

Answer 1

您可以使用数据属性对所有复选框进行分组。

例如：col1中的所有复选框都可以

 <input type="checkbox" data-col-name='col1'/>;

例如：col2中的所有复选框都可以

 <input type="checkbox" data-col-name='col2'/>;

在handleClick：

function handleClick(cb, sName) {
  var table= $("#GridName");
  $("td input[data-col-name='" + sName + "']",table).prop('checked',cb.checked);
}