Angularjs - Checkbox disabling and enabling

Question

I am looking for a way to do exactly opposite from this example that was taken from angularjs ng-disabled documentation ... http://docs.angularjs.org/api/ng.directive:ngDisabled

In this example checking the box disables the button. I need exactly the opposite,,, I need the checked box to enable a disabled button. Can someone shed some light on this for me please.

<!doctype html>
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.0/angular.min.js"></script>
</head>
<body>
Click me to toggle: <input type="checkbox" ng-model="checked"><br/>
<button ng-model="button" ng-disabled="checked">Button</button>
</body>
</html>

Thanks!

tymeJV · Accepted Answer · 2013-11-13 20:24:04Z

11

You can do:

ng-disabled="!checked"

The ! means to do the opposite, so !true == false = true

Plunkr: http://plnkr.co/edit/ht0z3lTJi8EfPJEKWcWl?p=preview

answered Nov 13, 2013 at 20:24

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

GRowing Over a year ago

Oh gosh!! I keep forgetting this thing is pretty flexible :) Thank you!

Darth Egregious Over a year ago

Baller assed answer bro. Nice.

Collectives™ on Stack Overflow

Angularjs - Checkbox disabling and enabling

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related