Angular: Empty Fiddle

http://angularjs.org/

HTML

<div ng-controller="MyCtrl">

    <div  ng-class="{'active': value=='foo'}"  class="bd"> <input type="radio" ng-model="value" value="foo" ng-change='newValue(value)'></div>
        <div ng-class="{'active': value=='bar'}"  class="bd"><input type="radio" ng-model="value" value="bar" ng-change='newValue(value)'></div>
            <div ng-class="{'active': value=='baz'}" class="bd"><input type="radio" ng-model="value" value="baz" ng-change='newValue(value)'>    </div>
<hr> 

</div>

CSS

.bd {
    border:1px solid red;
    width:100px;
    float:left;
}
.active{
    border:1px solid green;
}

JavaScript

var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.value= 'foo';
    
    $scope.newValue = function(value) {
       console.log(value);
    }
}