access to checkbox in typescript

Question

I have a form in html like this:

<form (ngSubmit)="addNewBrand(f)" #f="ngForm">
    <label>name:</label>
    <input type="text" name="name" required ngModel #name="ngModel">

    <label>active:</label>
    <input type="checkbox" name="active" required ngModel #active="ngModel">

    <button type="submit" [disabled]="!f.valid">Save</button>

</form>

in ts file:

addNewBrand(form:NgForm){
    console.log(form.value.name + ' -  ' + form.value.active);
}

but I can't access to checkbox in ts file. What should I do?

What is the problem exactly? I tried it and it works, the 'save' button is disabled when active is not checked. — treecon
– treecon, Commented Jun 3, 2018 at 7:10
So, you wanna get a true/false value of the checkbox. However, when checkbox not checked, the save button is disabled. Why don't you remove the [disabled]="!f.valid" binding? — treecon
– treecon, Commented Jun 3, 2018 at 7:22
Nooo, my question is, how can I access a checkbox item that defined in an html form, in typescript file? — Ali
– Ali, Commented Jun 3, 2018 at 7:26

Sajeetharan · Accepted Answer · 2018-06-03 07:31:43Z

1

Your code should be

 <input type="checkbox" [ngModel]="active" name="Active"> Active

and then

addNewBrand(createForm: NgForm) {
   console.log(createForm.value.active)
}

answered Jun 3, 2018 at 7:31

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

1 Comment

Ali Over a year ago

Thanks a lot Sajeetharan

Collectives™ on Stack Overflow

access to checkbox in typescript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related