angular checkbox does not bind to model

Question

In my controller I have this member:

$scope.sameOptionsOnReturn = true;

and in my view:

<input type="checkbox"
       ng-model="sameOptionsOnReturn"
       ng-checked="sameOptionsOnReturn"
       ng-value="true"
       ng-change="setReturnOptions" />

But the input does not bind to the checkbox; it's always true. What is wrong?

Note: removing ng-value="true" doesn't make any difference.

Try this: <input type="checkbox" ng-model="sameOptionsOnReturn" ng-checked="sameOptionsOnReturn = !sameOptionsOnReturn" ng-change="setReturnOptions()" /> — Marcus Höglund
– Marcus Höglund, Commented Jun 28, 2016 at 14:22

gyc · Accepted Answer · 2016-06-28 13:52:42Z

2

Since it does work in the snippet below, I have to assume there's something wrong elsewhere in your code.

function SuperController($scope) {
	$scope.sameOptionsOnReturn = true;
}

angular.module('myApp', []);
angular
    .module('myApp')
    .controller('SuperController', SuperController)

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="SuperController as s">
    <input type="checkbox"
       ng-model="sameOptionsOnReturn"
       ng-checked="sameOptionsOnReturn"
       ng-value="true"
       ng-change="setReturnOptions" />
    
    {{sameOptionsOnReturn}}
  </div>
</div>

answered Jun 28, 2016 at 13:52

gyc

4,3586 gold badges37 silver badges55 bronze badges

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

Comments

Sumit Chaudhari · Accepted Answer · 2016-06-28 12:37:58Z

0

ng-model works for your bindings . So you don`t need to put ng-value="true" which making your checkbox always checked .remove it from the input checkbox . ng-model value will make your checkbox checked or unchecked .

answered Jun 28, 2016 at 12:37

Sumit Chaudhari

2101 silver badge15 bronze badges

1 Comment

Matthew Layton Over a year ago

didn't make any difference I'm afraid

Collectives™ on Stack Overflow

angular checkbox does not bind to model

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related