AngularJS ng-checked Directive
Example
Check one to check them all:
<body ng-app="">
<p>My cars:</p>
<input type="checkbox"
ng-model="all"> Check all<br><br>
<input type="checkbox"
ng-checked="all">Volvo<br>
<input type="checkbox"
ng-checked="all">Ford<br>
<input type="checkbox"
ng-checked="all">Mercedes
</body>
Try it Yourself »
Definition and Usage
The ng-checked directive sets the checked attribute of a
checkbox or a radiobutton.
The checkbox, or radiobutton, will be checked if the expression inside the
ng-checked attribute returns true.
The ng-checked directive is necessary to be able to shift the
value between true and false. In HTML, you cannot set
the checked attribute to false (the presence of the
checked attribute makes the element checked, regardless of its value).
Syntax
<input type="checkbox|radio" ng-checked="expression"></input>
Supported by <input> elements of type checkbox or radio.
Parameter Values
| Value | Description |
|---|---|
| expression | An expression that will set the element's checked attribute if it returns true. |
