title: Add a number only when a radio button is selected
body: <p>I want to add a number to total amount based on radio button select only if user selects radio button with <code>value = "serfeeadd"</code> so I need to check it, get it and add it to the total but I can't figure out why its not working but when I remove <code>scope = this</code> and only use <code>$scope</code> directly it kinda works, I just need the value assigned to the variable.</p>
  
  <p>I am trying to build a magento wristband designer app everything is built only stuck with this part . </p>
  
  <p>The code has been modified to provide you guys with an overview for anything more you can let me know.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var app = angular.module('wdWristbandDesigner', []);
    app.controller("fontCtrl", MainController);
  
  function MainController($scope){
  
    //scope
    var scope = this;
    
    scope.foo = function(){
      if (scope.serialisationFeeCheck == 'serfeeadd') {
      scope.serialisationFee = 10;
      console.log(scope.serialisationFeeCheck);
    }
    else {
      scope.serialisationFee = 0;
    };
    }
  
  };</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section class="wd-section" ng-controller="fontCtrl as fs"&gt;
    &lt;input type="radio" name="serialno" data-ng-model="serialisationFeeCheck" value="no"  &gt;No
              &lt;br&gt;
              &lt;input type="radio" name="serialno" data-ng-model="serialisationFeeCheck" value="our"&gt;Yes(Our Choice)
              &lt;br&gt;
              &lt;input type="radio"  id="chk" name="serialno" data-ng-model="serialisationFeeCheck" value="serfeeadd" &gt;Yes(Your Choice)
  &lt;button typ="button" ng-click="foo()" &gt;click&lt;/button&gt;
    &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>