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 it's 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. |