Checkbox input undefined when unchecked - AngularJS

Question

I have an issue with my AngularJS checkbox where they become undefined when they are unchecked. Can't figure out why this is happening.

<input type="checkbox" name="available" ng-model="formData.available" ng-true-value="1" ng-false-value="0" required>

With the above code; default on page load is 0. when Its checked it becomes 1. When I uncheck it it becomes undefined

Any help appreciated.

Is this only one option or are there others? Can't have required if the user has the option to check or uncheck with one option. — John F.
– John F., Commented Jan 31, 2016 at 12:41
Of course, this is how it should be since you have required validation rule. — dfsq
– dfsq, Commented Jan 31, 2016 at 12:46

moh_abk · Accepted Answer · 2016-01-31 13:05:14Z

5

Thanks to the comments I've realised that the required option is not necessary and was the cause of the issue. Thanks guys!

answered Jan 31, 2016 at 13:05

moh_abk

2,1948 gold badges37 silver badges65 bronze badges

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

Comments

Dustin Page · Accepted Answer · 2018-01-25 22:31:53Z

5

If you need the required attribute set ng-model-options="{ allowInvalid: true }" so undefined becomes false on the model.

answered Jan 25, 2018 at 22:31

Dustin Page

591 silver badge3 bronze badges