Jquery 选中动态元素中的所有复选框

如何使该复选框选中当前结果元素中的所有复选框？ 因为atm在单击时选中了所有结果元素中的所有复选框

//dynamic row
var filter_row = 0;
function addFilterRow() {
  html = '<tr id="filter-row">';
  html += '  <td class="text-left">';
  html += '  <select class="company" name="company[]" class="form-control">';
  html += '  {% for company in damask_company %}';
  html += '  <option name="{{ company.filter_group_id }}" value="{{ company.filter_group_id }}">{{ company.name }}</option>';
  html += '  {% endfor %}';
  html += '  </select>';
  html += '</td>';
// Ajax return here 
  html += '<td class="text-left" id="result"></td>';

  html += '</tr>';
  $('tbody').append(html);

  filter_row++;
}

$(document).on('change', 'select.company', function(e) {
    e.preventDefault();
    var $result = $(this).closest('tr').find('td.result');
    var id = $(this).val();
    var url = "index.php?route=catalog/product/getCat&user_token={{ user_token }}&filter_group_id=" + id;
    $.ajax({
      type: "GET",
      url: url,
      success: function(data) {

   // checkbox to check all
      $result.append($('<p class="text-danger"><input type="checkbox" class="checkAll"> Select All</p>'));

        $result.append(data);
      }
    });
});

---

您可以使用

change

事件侦听器和

is（“：checked”）

如下所示

编辑：

对于单行，您可以使用

最近的

，并在该

tr

中找到复选框

$(document).on('change', '.checkAll', function(){
   $(this).closest('tr').find("input:checkbox").prop('checked', $(this).is(":checked"));
});

---

您需要选择包装器并在包装器中找到您的复选框

$(document).on('change', '.checkAll', function(){
  $(this).closest('tr').find(":checkbox").prop('checked',true);
});

---

这应该选中

tr

复选框中的所有复选框

selectAll

复选框所在的位置

如果我单击过滤器第1行中的全部复选框，它的选择和过滤器第2、3、4、5、6行中的所有内容都存在，那么它的工作方式就不一样了。我甚至没有想到这一点。。您正在启动；）

$(document).on('change', '.checkAll', function(){
  $(this).closest('tr').find(":checkbox").prop('checked',true);
});