CODEWITHSUNDEEP
htmlcsscheckboxionic-framework
Colin Wong
Colin Wong

Reputation: 131

How to get the values of ion-checkboxes in ionic?

I have 4 checkboxes. How do i get the values of those that are checked? What should i type in my typescript folder? I am trying to get the values so that i can save it into firebase. Here is my .html code.

<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>

Upvotes: 1

Views: 4220

Answers (1)

Oussema Aroua
Oussema Aroua

Reputation: 5329

try this for the 4 ones

kitchen: boolean;

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

Upvotes: 1

Related Questions