title: How to pass all checked checkbox values on Form Submit in angular 4/6/7
body: <p>I want to fetch all checked items of a form in component without using <code>change()</code> or <code>click()</code> function as it is unable to fetch already checked items.</p>
  
  <p>Here is my Array in TS:</p>
  
  <pre><code>  PartyRoles = [
      {
       Id: 1,
       Name: "Vendor",
       Checked: true
      },
      {
        Id: 2,
        Name: "Client",
        Checked: true
      },
      {
        Id: 3,
        Name: "Consigner",
        Checked: false
      }       
    ]
  </code></pre>
  
  <p>My HTML Form:</p>
  
  <pre><code>&lt;form (ngSubmit)="editPartyRolesSubmit()"&gt;
      &lt;div *ngFor="let item of PartyRoles"&gt;
          &lt;label&gt;
          &lt;input type="checkbox" value="{{item.Id}}" [attr.checked]="item.Checked==true ? true : null" [attr.disabled]="item.Id==1 ? true : null" /&gt;
          &lt;span innerHTML="{{item.Name}}"&gt;&lt;/span&gt;
         &lt;/label&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My onSubmit function in which I want to get all the checked values:</p>
  
  <pre><code>  editPartyRolesSubmit= function () {
      // Please suggest how to fetch checked items
    }
  </code></pre>