disable checkbox using angularjs

Question

With default checked box is value being 1.
If user can click on button like ALL or DEFAULT or NONE to select the checkboxes.
If user clicks NONE, the DEFAULT checkbox should be checked and disabled; As default is always be 1.
If user clicks on the button ALL or DEFAULT or any custom checks the disabled attribute should be removed and should perform normally.

Note:Need to disable the checkbox when clicks on NONE (from the controller/view);

 if(arrObj.id === 1){
    arrObj.enabled = true;
    arrObj.text = "1 [Default Value]";
    //TO DISABLE THE CHECKBOX so that it can't be unchecked
  }else{
    arrObj.enabled = false;
  }

DEMO LINK

do you want to disable all the checkboxes when user clicks none — guru
– guru, Commented Jun 7, 2014 at 4:38
Your question is not clear. Actually what you want? please give a more explanation in your question . — user3559224
– user3559224, Commented Jun 7, 2014 at 4:46

Dayan Moreno Leon · Accepted Answer · 2014-06-07 04:45:53Z

2

add a scope variable enableBoxes and the use the ng-disable directive to disable all the checkboxes you want in this case you can use

 <input type="checkbox" ng-model="n.enabled" ng-disabled="!enableBoxes && $index==0">{{n.text}} <br/>

see example here

http://plnkr.co/edit/IMKkeyYUKzfXulhHGxpJ?p=preview

note the $index==0 for targetting only the first checkbox a more general rule can be applied if needed for targeting others

answered Jun 7, 2014 at 4:45

Dayan Moreno Leon

5,4552 gold badges25 silver badges24 bronze badges

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

2 Comments

John Smith Over a year ago

What if the array value are dynamic and how to set a generic rule? If in case the array value is orderBy reverse or something? or has a different set as default value?

Dayan Moreno Leon Over a year ago

the same way you decide which is your default value you can decide which checkbox to disable you can use the same logic.

Collectives™ on Stack Overflow

disable checkbox using angularjs

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