Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

Angularjs Enable Disable Button based on Checkbox Selection Example

Oct 14, 2015
Introduction

Here I will explain how to use
AngularJS to enable or disable button based on checkbox value selection with example. By using “ng-disabled” property we can enable or disable button on checkbox selection value in AngularJS.


To enable or disable button on checkbox selection we need to use ng-disabled property in AngularJS we need to write the code like as shown below


<input type="checkbox" data-ng-model="chkval" />
<input type="button" ng-disabled="chkval" value="Enable/Disable" />

If you want to check it in complete example you need to write the code like as shown below


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Angularjs Enable or Disable Button on Checkbox Selection</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
<script type="text/javascript">
var myApp = angular.module('sampleapp', [])
myApp.controller("expressionController", function ($scope) {
});
</script>
</head>
<body>
<form id="form1">
<div data-ng-app="sampleapp" data-ng-controller="expressionController">
Select Checkbox: <input type="checkbox" data-ng-model="chkval" />  <br/><br/>
<input type="button" ng-disabled="chkval" value="Enable/Disable" /><br/><br/>
</div>
</form>
</body>
</html>

Demo

Following is the demo to enable or disable button in AngularJS based on checkbox selection

Output Demo for Angularjs Enable Disable Button based on Checkbox Selection Example

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

0 comments :

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.