Angular 4 checkbox change value

Question

how could you achieve in Angular 4 that when you register in a checkbox save an  quot A quot  or  quot B quot  value  As much as I try  he is only sending me true or false  I hope someone can help me  registry component ts   this userForm   new FormGroup      state  new FormControl              registry component html  lt div class  quot form-group quot  gt     lt label gt State lt  label gt     lt input type  quot checkbox quot             ngModel    quot isChecked quot            change   quot checkValue isChecked  A   B   quot           formControlName  quot state quot   gt   lt  div gt      lt pre gt   userForm value   json   lt  pre gt   That way I can get the console to show the value I want  A or B  but in the JSON is still true or false

User · Answer

Another approach is to use ngModelChange   Template    lt input type  checkbox  ngModel  ngModelChange   onChecked obj   event     gt    Controller   onChecked obj  any  isChecked  boolean     console log obj  isChecked          true    false      I prefer this method because here you get the relevant object and true false values of a checkbox

User · Answer

This works for me  angular 9  component html file   lt mat-checkbox  change   quot checkValue  event  quot  gt text lt  mat-checkbox gt   component ts file  checkValue e  console log e target checked

User · Answer

Give a try on this  Template  lt input  change   quot fieldsChange  event  quot  value  quot angular quot  type  quot checkbox quot   gt   Ts File fieldsChange values any  void     console log values currentTarget checked

User · Answer

changed    evt    gt        this isChecked   evt target checked      lt input type  checkbox   checked   checkbox   change   changed  event   id  no   gt

User · Answer

You can use this    lt input type  checkbox   checked   record status   change   changeStatus record id  event   gt    And on your ts file   changeStatus id  e        var status   e target checked      this yourseverice changeStatus id  status  subscribe result   gt            if  status              this notify success this l  AddedAsKeyPeople             else             this notify success this l  RemovedFromKeyPeople                  Here  record is the model for current row and status is boolean value

User · Answer

I am guessing that this is what something you are trying to achieve    lt input type  checkbox  value  a   click   click  event   gt A  lt input type  checkbox  value  b   click   click  event   gt B  click ev      console log ev target defaultValue

User · Answer

This it what you are looking for     lt input type  checkbox    ngModel    isChecked   change   checkValue isChecked  A   B      gt    Inside your class   checkValue event  any      console log event       Also include FormsModule in app module ts to make ngModel work    Hope it Helps

User · Answer

try this worked for me      checkValue event  any        this siteSelected majeur   event

User · Answer

Inside your component class   checkValue event  any      this userForm patchValue       state  event          Now in controls you have value A or B

[angular] Angular 4 checkbox change value

Examples related to angular

Examples related to typescript