Execute function if checkbox is checked - Angular

Question

In my app I have the following checkbox

<input class="js-rooms" 
       id="checkid" 
       ng-keypress="$event.keyCode == 13 && getItem(0)" 
       ng-click="getItem(0)" 
       type="checkbox"/>

When the input is clicked and checked then the function getItem(0) is called. However, when I click the checkbox again and uncheck it and re-submit then the same function gets fired, obviously.

What I would like to do(in the simplest way possible) is to fire off the function getItem(1) when the checkbox is clicked and fire off getItem(0) when the checkbox is NOT clicked. I am looking for the simplest solution possible. Any thoughts?

Anik Islam Abhi · Accepted Answer · 2016-01-13 17:46:51Z

2

Add ng-model in your checkbox.

And for checkBox angular has ng-true-value && ng-false-value

Like this '

<input class="js-rooms" 
       ng-model="checkid" 
       ng-keypress="$event.keyCode == 13 && setRoom(checkid)" 
       ng-click="getItem(checkid)"  
       ng-true-value="1"
       ng-false-value="0" 
       type="checkbox"/>

edited Jan 13, 2016 at 17:46

answered Jan 13, 2016 at 17:36

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

1 Comment

Antonio Vasilev Over a year ago

Great, elegant and simple! Thank you!

Collectives™ on Stack Overflow

Execute function if checkbox is checked - Angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related