Angular 2：单击该div之外的按钮时选择所有复选框答案

【问题标题】：Angular 2 : select all checkboxes when clicking on a button outside that divAngular 2：单击该div之外的按钮时选择所有复选框
【发布时间】：2018-03-19 18:29:45
【问题描述】：

我的任务是选中所有复选框（选中它），同时获取每个复选框的 id，我使用的代码如下所示

在放置复选框的div之外点击的div

HTML

 <li  class="on-hov" *ngFor="let confirmedOrders of confirmedOrder | async|  search:'id,order_shop_no':query let i = index" >
                            <div class="row">
........................
....................



<div class="col-sm-5 text-right right-actions">
    <a class="select-all" (click)="showallDeleteCheckbox($event)">Select All</a>
</div>
............
..........
 <div *ngIf = "shown"><input  type="checkbox" id="{{confirmedOrders.order_id}}"  class="del-all"></div>
............
.............

.ts

  private confirmedOrder: Observable<any>;
..............
..............
self.confirmedOrder = self.storeService.getConfirmedOrder(self.shopId);
   self.confirmedOrder.subscribe((res:any) => {
   self.confirmed_array_length = res.length;
..............
..............
    howallDeleteCheckbox(ev){
  var self = this;
  self.shown = true;
  console.log('orderlength',self.confirmed_array_length);
  for (var i = 0; i < self.confirmed_array_length; i++) {
    self.confirmedOrder[i].selected = self.selectedAll;
    console.log("im here", self.confirmedOrder[i].selected);
  }


}
.............

【问题讨论】：

能否为变量confirmedOrders添加信息
添加变量信息
我找不到关于该变量confirmedOrders的任何信息
请现在检查，希望是
完全不清楚，请补充更多信息

标签： angular typescript checkbox

【解决方案1】：

如果你想删除 DOM 的所有复选框，那么你可以在 javascript 的帮助下做到这一点

removeAllSelectedCheckBoxes() {
    var checkedBoxes = document.querySelectorAll('input[type=checkbox]:checked');
    for(let i=0; i<checkedBoxes.length; i++) {
      checkedBoxes[i].parentNode.removeChild(checkedBoxes[i]);
    }
}

注意：javascript 代码在 typescript 中工作。

【讨论】：