Angularjs disable button if checkbox is checked

Question

I have a button on a form that I'd like to disable until one or more checkboxes have been selected. This is probably fairly simple to solve, but the button is not disabled when I use !result.isSelected.

This is my button:

<button class="btn btn-success" ng-click="send()"  ng-disabled="!result.isSelected" </button>

And the checkbox:

<input type="checkbox" class="checkbox-row" ng-model="result.isSelected" ng-click="selected()" />

Does anyone know of a better solution? Thanks for your help!

What selected() in the ng-click do actually?

mico
– mico

2015-07-04 18:01:51 +00:00
Commented Jul 4, 2015 at 18:01 — mico
– mico, Commented Jul 4, 2015 at 18:01
It selects the checkbox to add the items to an array.

1313
– 1313

2015-07-04 18:06:14 +00:00
Commented Jul 4, 2015 at 18:06 — 1313
– 1313, Commented Jul 4, 2015 at 18:06

Sajal · Accepted Answer · 2015-07-04 17:41:18Z

9

A better solution would be:

<input type="checkbox" class="checkbox-row" ng-model="checked" ng-click="selected()" />

<button class="btn btn-success" ng-click="send()"  ng-disabled="!checked"> </button>

answered Jul 4, 2015 at 17:41

Sajal

4,4111 gold badge22 silver badges41 bronze badges

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

2 Comments

Sajal Over a year ago

Welcome.This was fairly a very simple issue you were facing. Please go through this documentation : docs.angularjs.org/api/ng/directive/ngDisabled If it still doesnt help. you are always welcome on stackoverflow.

1313 Over a year ago

Will do :).. just needed to understand why it wasn't working the way I had it.

Collectives™ on Stack Overflow

Angularjs disable button if checkbox is checked

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