THE WORLD'S LARGEST WEB DEVELOPER SITE

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.