Unchecked angularJS Checkbox When Select Option CHanges

Question

<select ng-model="select">
    <option value="1"></option>
    <option value="2"></option>
    <option value="3"></option>
</select>

when select value is 1,3 I want to show the checkbox

<input type=checkbox name="ccp" ng-model="ccp" ng-show="select.val==1 || select.val==2">

the Problem is when I select 1 then checkbox is visible, and I checked the checkbox. but when I change the select option the checkbox is invisible but its with checked. I want when I select option changes I want uncheck the checkbox.

you should reset the value of ccp on change of selected option, set it to false if its invisible — harishr
– harishr, Commented Sep 26, 2016 at 8:31
Hard to check this without a fiddle, have you tried to access the value without ".val", because "select" should already hold the value. ng-show="select == 1 || select == 2" — Marcel Dieterle
– Marcel Dieterle, Commented Sep 26, 2016 at 8:34

Robin-Hoodie · Accepted Answer · 2016-09-26 08:32:39Z

1

Use ng-change

<select ng-model="select" ng-change="selectChanged()">
....


//controller
$scope.selectChanged = function() {
  if (/* Insert the condition you want to set cpp to false here */) ccp = false;
}

answered Sep 26, 2016 at 8:32

Robin-Hoodie

4,9944 gold badges33 silver badges65 bronze badges

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

1 Comment

Snopzer Over a year ago

Thanks for Solution

Collectives™ on Stack Overflow

Unchecked angularJS Checkbox When Select Option CHanges

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