如何记录用户已选中此离子复选框？

Question

我试图记录用户已选中该复选框，但不确定从哪里开始。这是使用 ionic 框架和 vanilla JS。

我有一个复选框的标签：

<ion-list>
       <ion-checkbox id="Email-check">Email</ion-checkbox>
<ion-list>

引用标签中 ID 的变量：

const emailCheckbox = this.querySelector('#Email-check'); 

还有一个空函数：

function storeemailCheck(){
        
    }

Answer 1

根据 文档，ion-checkbox 元素上有一个选中属性，因此您应该能够在函数内使用

emailCheckbox.checked

来定位该属性。

function storeemailCheck(){
    const emailCheckbox = this.querySelector('#Email-check');
    if (emailCheckbox.checked){
        // do something here..
    }
}

Answer 2

使用 ngModel 模板驱动表单。

<ion-checkbox slot="end" color="primary" [(ngModel)]="emailCheckbox" (ngModelChange)="someFunctionnInTs()"  ></ion-checkbox>

如果用户选中复选框，

emailCheckbox 将为 true，如果未选中，则为 false。如果您需要更改事件，可以致电

ngModelChange