Set default value for checkbox in AngularJS

Question

I am new to Angular JS and working on creating a table where dynamic rows can be added. The new row contains a checkbox which should default to selected (value=Y). For existing data it should show what comes up from DB (Y or N)

<input type="checkbox" ng-model="safetyCheck.needed" 
        value="{{safetyCheck.needed}}" />

I tried adding ng-checked="safetyCheck==Y" and set $safetyCheck:Y when pushing a new blank row. But this always results in Y even if users unselects the component. how can i fix this.

Read the docs for checkbox. You can't use ng-checked with ng-model — charlietfl
– charlietfl, Commented Jun 16, 2016 at 0:12
thanks , @charlietfl I saw the same. Is there anyother way to do it ? — yjoe
– yjoe, Commented Jun 16, 2016 at 0:20
Another way to do what? You clearly didn't read docs thoroughly — charlietfl
– charlietfl, Commented Jun 16, 2016 at 0:22
for new rows i push to the table i have to set default values as selected. I was using ng-checked to set this in the controller I was setting safetycheck.needed as Y for new rows. since i cant use ng-checked how do i set default values — yjoe
– yjoe, Commented Jun 16, 2016 at 0:30

user3335966 · Accepted Answer · 2016-06-16 00:21:29Z

2

For specific check\uncheck values use ng-true-value & ng-false-value arguments:

<input type="checkbox"
    ng-model="safetyCheck.needed"
    ng-true-value="'Y'"
    ng-false-value="'N'"/>

answered Jun 16, 2016 at 0:21

user3335966

2,7494 gold badges32 silver badges33 bronze badges

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

5 Comments

yjoe Over a year ago

but then how do i set default checked to new rows

user3335966 Over a year ago

@yjoe How You add new rows? I think something like this: $scope.rowsArray.push({needed: 'Y'}); in controller;

yjoe Over a year ago

yes , thats exactly what I have now. but when i save data even if I unselect the values still goes as Y

user3335966 Over a year ago

Maybe You problem in namespaces? plunker;

Valentoni Over a year ago

Perfect man! I didn't know about this "ng-true-value" and "ng-false-value", this is the right approach. Thank you!

David Figueroa · Accepted Answer · 2016-06-16 02:04:39Z

2

ng-checked should not be used together with ng-model. Instead just initialize the variable to true preferably in the controller or wherever you are adding the rows. (Or even in an ng-init as follows)

<input type="checkbox"
ng-model="safetyCheck.needed"
ng-init="safetyCheck.needed=true"/>

answered Jun 16, 2016 at 2:04

David Figueroa

1981 silver badge5 bronze badges

1 Comment

RushVan Over a year ago

For what it's worth. I found this useful when trying to get a check box to default to 0. ng-false-value only seemed to set for me if a user checked and then unchecked. ng-init="my.model=0" worked.

Collectives™ on Stack Overflow

Set default value for checkbox in AngularJS

2 Answers 2

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related