ionic get only selected checkbox value from html on submit button

Question

I want to get all selected option or value from the array list. I'm getting the list and display them in checkbox list, I'm selecting and deselecting checkbox.so when I submit, I just want only selected checkbox value. Here is code of html page:

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

when click I want only selected checkboxes list or positions suppose I had selected 1,2,5 position I want that only list

Possible duplicate of Ionic 2 Multiple Checkboxes with FormBuilder — 99tharun
– 99tharun, Commented Oct 6, 2017 at 21:00

amin arghavani · Accepted Answer · 2017-10-06 16:09:39Z

1

In your .ts file:

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
}

and in you .html file:

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

answered Oct 6, 2017 at 16:09

amin arghavani

1,88314 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ionic get only selected checkbox value from html on submit button

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related