CODEWITHSUNDEEP
angular
Kalyan Kumar
Kalyan Kumar

Reputation: 407

How to check/uncheck a checkbox programmatically in Angular 8?

How can I check/uncheck a checkbox programmatically.

<input type="checkbox" formControlName="checkedGender" [checked]="checkedGender" (change)="checkedGender = !checkedGender" disabled />

I have this below angular code but its not able to check/uncheck.

Angular line of code for checking the checkbox:

this.formGroup.controls['checkedGender'].setValue(true);

Similarly Angular line of code for unchecking the checkbox

this.formGroup.controls['checkedGender'].setValue(false);

but none of those are showing any effect on checkbox, am I doing something wrong?

Upvotes: 1

Views: 3951

Answers (1)

SirOneOfMany
SirOneOfMany

Reputation: 1084

Angular forms api should handle the change for you. So it should not be necessary to assign something to [checked] or (change) because reactive forms are doing this.

So just write

<input type="checkbox" formControlName="checkedGender" disabled>

The state of this checkbox will be set by the forms api

Upvotes: 1

Related Questions