AngularJs Checkbox Function

Question

I want to change my background-color to lightblue when the value of the checkbox is true, and change the background-color back to normal when the value is false.

<tr ng-repeat="item in rows | filter:search" ng-class="{'selected':$index == selectedRow}">

My Checkbox:

<td><input type="checkbox" ng-click="setClickedRow($index)"></td>

My Function:

$scope.selected = null;  
$scope.setClickedRow = function(index){  
    $scope.selectedRow = index;
}

Ignacio Villaverde · Accepted Answer · 2015-11-26 23:32:08Z

2

Here you have a plunker with your example: http://plnkr.co/edit/CHB65fe6Bsd3PdjWjoT4?p=preview

This is the table:

<table style="width:100%">
<tr ng-repeat="item in rows | filter:search" ng-class="{'selected': item.selected}">
  <td>
    <input type="checkbox" ng-model= "item.selected" ng-click="setClickedRow($index)">
  </td>
</tr>
</table>

answered Nov 26, 2015 at 23:32

Ignacio Villaverde

1,2641 gold badge11 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

AngularJs Checkbox Function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related