Bootstrap Angular - Checkbox value is not working

Question

I am using angular 4 for page design. The checkbox is not getting selected no matter what value I pass, below is my code for same -

<div class="form-check">
    <label class="form-check-label">
      <input type="checkbox" value="false"> No
    </label>
</div>

I have tried with value="true", value=true, checked="true", checked=true. My intention is to use an expression or a dynamic value to set check box selection. Any help would be greatly appreciated.

@Aravind Yup that works, thanks for the help, if you put that in answer I will accept it. — Jeet
– Jeet, Commented Nov 23, 2017 at 11:40

Aravind · Accepted Answer · 2017-11-23 11:47:18Z

3

As per comment,

Use ngModel

<div class="form-check">
    <label class="form-check-label">
       <input type="checkbox" [ngModel]="false"> No
    </label>
</div>

answered Nov 23, 2017 at 11:47

Aravind

41.7k16 gold badges97 silver badges111 bronze badges

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

1 Comment

Santosh nayak Over a year ago

Why the same way it doesn't work for reactive forms if we use formControlName?

Collectives™ on Stack Overflow

Bootstrap Angular - Checkbox value is not working

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