AngularJS Check Checkbox is checked or not
Here, i want to show you how to check checkbox is checked or not in angular js app. i will give you simple example to check checkbox is checked or not using ng-app, ng-controller, ng-model and ng-click in angularjs.
it is a simple example that will help to detect checkbox is checked or not. so if you want to quick check then check also demo and also copy bellow html code for check if checkbox is selected.
index.html
<!doctype html>
<html>
<head>
<title>AngularJS Check Checkbox is checked or not - ItSolutionStuff.com</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body ng-app='myapp'>
<div ng-controller="appCtrl">
<input type='checkbox' value='1' ng-model='checkboxEl'><br>
<input type='button' ng-click='checkVal()' value='Click'>
<br>
Result : <span >{{ result }}</span>
</div>
</body>
<script type="text/javascript">
var app = angular.module('myapp', []);
app.controller('appCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.checkVal = function(){
if ($scope.checkboxEl) {
$scope.result = "Checkbox is checked";
} else {
$scope.result = "Checkbox is not checked";
}
}
}]);
</script>
</html>
I hope it can help you....

Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- How to hide div after some time using AngularJS?
- AngularJS tooltip using UI Bootstrap tpls HTML example with demo
- Angularjs Simple Datepicker directive example code with Demo
- AngularJS - sorting(using orderby filter) table data example with demo
- How to change date format using date filter in AngularJS?
- AngularJS - How to Limit String Length using Filter?
- AngularJS - How to Capitalize the First Letter of Word Example
- How to Remove HTML Tags from String in AngularJS?