Angular: Uncheck Checkbox With [(ngModel)]

Question

I have a form that contains a checkbox when I add [(ngModel)] to the tag, the checkbox will be automatically checked when the page load

 <input type="checkbox" name="test" id="test" [(ngModel)]="model.test" value="1"> test

I tried to fix this using

  ngOnInit() {
   let test = document.getElementById('test') as HTMLInputElement;
   test.checked = false;
  }

in the .ts but didn't work

is there any way I can make the checkbox unchecked in the loading of the page?

Carnaru Valentin · Accepted Answer · 2018-04-05 07:42:07Z

3

The problem is your model, use:

model.text = false;

But in normal model must be:

let model = [
  {id: 1, label: "Check 1", checked: false},
  {id: 2, label: "Check 2", checked: false},
  {id: 3, label: "Check 3", checked: false}
];

answered Apr 5, 2018 at 7:42

Carnaru Valentin

1,92524 silver badges28 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2018-04-05 07:42:51Z

1

You can just use

this.model.text = false;

answered Apr 5, 2018 at 7:42

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Collectives™ on Stack Overflow

Angular: Uncheck Checkbox With [(ngModel)]

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related