AngularJS Check Checkbox is Checked or Not Example

By Hardik Savani October 20, 2023 Category : Angular

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

Read Also: AngularJS Drag and Drop Table Rows Example with Demo
<!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....

Tags :
Previous

Laravel Improve Site Performance By Caching Entire Response
Next

How to Call Model Function from Another Model in Codeigniter?

We are Recommending you

Popular Posts

Categories

Latest Posts

Shares