AngularJS Check Checkbox is checked or not

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

Also see:AngularJS – simple image upload with preview example in PHP

<!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

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

  +  17  =  19

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US