javascript - 在网格的所有复选框中设置复选框值

Question

如何从列标题复选框设置所有复选框值，我在单击具有参数列标题名称和复选框对象的列标题复选框时具有以下功能。

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

cb 是复选框实例。 此功能有效，但在网格中所有列的所有复选框中设置值，如果 sName 是列名称，如何为网格添加过滤器。

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);
}