ionic 在提交按钮上仅从 html 中获取选定的复选框值

Question

我想从数组列表中获取所有选定的选项或值。我正在获取列表并将它们显示在复选框列表中，我正在选择和取消选择复选框。所以当我提交时，我只想要选中的复选框值。 这是html页面的代码：

     <ion-item *ngFor="let job of jobs; let i= index"   >
          <ion-label >{{job.Des_Name}}</ion-label>
          <ion-checkbox ></ion-checkbox>
        </ion-item>

点击时我只想要选中的复选框列表或位置 假设我选择了 1,2,5 的位置，我只想要那个列表

Answer 1

在您的.ts 文件中：

jobs = [
{
  Des_Name: 'name1',
},
{
  Des_Name: 'name2',
},
{
  Des_Name: 'name3',
},
{
  Des_Name: 'name4',
},
];

do_sth(index) {
   console.log(index);
   //you can find the selected job
}

在你.html 文件中：

<ion-item *ngFor="let job of jobs; let i= index">
    <ion-label>{{job.Des_Name}}</ion-label>
    <ion-checkbox (ionChange)="do_sth(i)"></ion-checkbox>
</ion-item>