AngularJS Check Checkbox is checked or not
In this post we will give you information about AngularJS Check Checkbox is checked or not. Hear we will give you detail about AngularJS Check Checkbox is checked or notAnd how to use it also give you demo for it if it is necessary.
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….
Hope this code and post will helped you for implement AngularJS Check Checkbox is checked or not. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs