AngularJS ng-checked Directive

The AngularJS ng-checked directive is used to set a checked attribute on the element and add a checkbox or a radiobutton. You can set its value true or false. The checkbox, or radiobutton, will be checked if the expression inside the ng-checked attribute returns true.

Note: This ng-change directive is supported by the HTML tags like <input> elements of type checkbox or radio.

Syntax:

Parameter explanation:

expression: It specifies an expression that will set the element's checked attribute if it returns true.

Let's take an example to demonstrate ng-checked directive.

See this example:

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<p>Courses offered:</p>
<input type="checkbox" ng-model="all"> Check all<br><br>
<input type="checkbox" ng-checked="all">Java<br>
<input type="checkbox" ng-checked="all">Oracle<br>
<input type="checkbox" ng-checked="all">C/C++<br>
<input type="checkbox" ng-checked="all">.NET<br>
<input type="checkbox" ng-checked="all">SQT<br>
<input type="checkbox" ng-checked="all">Hadoop<br>
<input type="checkbox" ng-checked="all">PHP
<p>Click "Check all" to select all courses.</p>
</body>
</html>

Test it Now

Next TopicAngularJS ng-class Directive

← prev next →