Question

我有一个for循环，并且它为div生成了ID

单击div上的任何元素时，我需要获取div中所有元素的值

<div id="{{ item3.id }}" (click)="getChildren($event)">
<input type="checkbox" name="status" [checked]="item3.templatesFields.status"/>
<input type="checkbox" name="inMain" [checked]="item3.templatesFields.inMain" />
</div>

和此ts代码

public getChildren(e) {
}

Answer 1

尝试一下

getChildren(e)
{
  if (e.target.children.length!=0) {
    var g=Array.from(e.target.children).forEach(y=>console.log(y.value))
     console.log(g);//here your values
  }

Answer 2

<div id="{{ item3.id }}" (click)="getChildren(ch1, ch2)"> <input type="checkbox" name="status" #ch1 [checked]="item3.templatesFields.status"/> <input type="checkbox" name="inMain" #ch2 [checked]="item3.templatesFields.inMain" /> </div>

通过TS，您将看到两个复选框的nativeElement

getChildren(ch1: any, ch2: any){
  console.log(ch1);
  console.log(ch2);
}

获取div中元素的所有值

2 个答案: