get checkbox values with angular4 module

Question

I am trying to update my data using angular4. but little bit stuck how to get all the selected values if i click on update button.

`

<table>
<tr *ngFor="let parts of info" class="text-center">
          <td>{{parts.modelD}}</td>
          <td>{{parts.start}}</td>
          <td>{{parts.end}}</td>
          <td><input type="text" class="form-control" name="editable_good_parts" id="editable_good_parts" value="{{parts.good_parts}}" style="max-width:100; text-align:center;"/></td>
          <td><input type="checkbox" name="row_id" value="{{parts.id}}" [checked]="isSelected"/></td>
        </tr>
        </table>
        <button type="submit" class="btn btn-info">Update Data</button>

`

Hrishi · Accepted Answer · 2019-08-22 13:49:05Z

1

<table>
    <tr *ngFor="let parts of info" class="text-center">
          <td>{{parts.modelD}}</td>
          <td>{{parts.start}}</td>
          <td>{{parts.end}}</td>
          <td><input type="text" class="form-control" name="editable_good_parts" id="editable_good_parts" value="{{parts.good_parts}}" style="max-width:100; text-align:center;"/></td>
          <td><input type="checkbox" name="row_id" **[value]="parts.id"** [checked]="isSelected"/></td>
    </tr>
</table>
<button type="submit" class="btn btn-info">Update Data</button>

Just checkout with binded value attribute(Eg. [value]="myData" )

edited Aug 22, 2019 at 13:49

Hrishi

1,2502 gold badges14 silver badges25 bronze badges

answered May 14, 2018 at 13:52

Omkar Jadhav

6911 gold badge5 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

get checkbox values with angular4 module

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related