How to check if checkbox is checked in Angular JS?

Question

I have HTML form with fields: input, textarea. All fields have attribute required and submit button have:

<div ng-click="Share()" ng-disabled="shareForm.$invalid"</div>

How I can check if checkbox is checked or not and disable button?

tektiv · Accepted Answer · 2015-05-11 12:35:10Z

3

Use "ng-model" in angular

<input type="checkbox" ng-model="checked"/>
<button ng-disabled="!checked"> MyInput </button>

answered May 11, 2015 at 12:35

tektiv

14.2k5 gold badges65 silver badges72 bronze badges

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

2 Comments

But outside of button? I can?

Of course : the ng-model named "checked" will be available everywhere (you must be inside your controller call ng-controller of course)

freethinker · Accepted Answer · 2015-05-11 12:38:07Z

3

Put ng-model binding on your input:

<div ng-click="Share()" ng-model="checked" ng-disabled="shareForm.$invalid"</div>

And inside your "Share" function:

if($scope.checked){
   //do some action if checkbox is checked
}

answered May 11, 2015 at 12:38

freethinker

2,4454 gold badges28 silver badges56 bronze badges