html - 如何在 ionic 中获取 ionic 复选框的值?

标签 html css checkbox ionic-framework

我有 4 个复选框。我如何获得那些被检查的值?我应该在我的 typescript 文件夹中输入什么?我正在尝试获取这些值,以便将其保存到 firebase 中。这是我的 .html 代码。

<ion-content padding>
<ion-list>
<ion-item>
  <ion-label>Bedrooms</ion-label>
  <ion-checkbox [(ngModel)]="bedrooms" (ionChange)="updateBedrooms()"></ion-checkbox>
</ion-item>
<ion-item>
  <ion-label>Toilet</ion-label>
  <ion-checkbox [(ngModel)]="toilets" (ionChange)="updateToilets()">
</ion-checkbox>
</ion-item>
<ion-item>
  <ion-label>Living Room</ion-label>
  <ion-checkbox [(ngModel)]="livingroom" (ionChange)="updateLivingRoom()"></ion-checkbox>
</ion-item>
<ion-item>
  <ion-label>Kitchen</ion-label>
  <ion-checkbox [(ngModel)]="kitchen" (ionChange)="updateKitchen()">
</ion-checkbox>
</ion-item>
</ion-list>

<button (click)="onLoadTasks()" ion-button block>Choose Tasks<ion-
 icon name="arrow-dropright"></ion-icon></button>

最佳答案

4个试试这个

kitchen: boolean;

updateKitchen() {
  console.log('new state:' + this.kitchen);
}

关于html - 如何在 ionic 中获取 ionic 复选框的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44973318/

相关文章:

javascript - 通过带有 jQ​​uery 的按钮跳到 HTML5 视频中的特定时间

html - 这个 CSS 有什么问题?添加更多内容时不会达到 100%?

javascript - slider 未出现

jquery - 悬停时动画背景图像而不是顶部的文本

javascript - 如果选中,如何从复选框中获取文本()?

html - 使用 flex 时在 div 而不是整个页面上滚动

html - 我应该为 Firefox html5 下载属性使用什么 S3 cors 配置?

Javascript HTML 关键字突出显示

javascript - 为什么间接更改复选框时不会触发复选框上的 onchange

javascript复选框选中所有