angularjs checkbox onchange not working in form .$pristine

Question

I have a form in angular and having some input boxes, checkbox and a submit button.Initially Submit button is Disabled. If I change any element from that form then the submit button become enable. I am making use of angularjs feature .$pristine and $invalid for that. It is working fine for input boxes but not working for checkbox change. Am I doing anything wrong? kindly guide me. See the fiddle :FIDDLE

Glorfindel · Accepted Answer · 2023-03-05 09:07:21Z

2

You need to add an ng-model for checkbox

<input type="checkbox" ng-model="val" required />

Working Demo:http://jsfiddle.net/7qAqe/12/

"An input control that has the ngModel directive holds an instance of NgModelController. Such a control instance can be published as a property of the form instance using the name attribute on the input control. The name attribute specifies the name of the property on the form instance."
- Forms Documentation

edited Mar 5, 2023 at 9:07

Glorfindel

22.8k13 gold badges97 silver badges124 bronze badges

answered Aug 9, 2017 at 9:03

Vivz

6,6282 gold badges19 silver badges34 bronze badges

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

Comments

anilkumarggk · Accepted Answer · 2017-08-09 09:07:38Z

0

You did not bind the checkbox input to any model. Refer to this demo

<input type="checkbox" required ng-model='rel.checked' />

answered Aug 9, 2017 at 9:07

anilkumarggk

1861 silver badge13 bronze badges

Collectives™ on Stack Overflow

angularjs checkbox onchange not working in form .$pristine

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