title: I want to enable and disable radio button group using a check box
body: <p>html code where button groups are declared</p>
  
  <pre><code>&lt;tr&gt;
    &lt;div class="checkbox"&gt;
    &lt;td class="fc"&gt;INACTIVE &lt;label&gt; &lt;input type="checkbox" data-toggle="toggle-checkbox" ng-change="isCheckboxChecked()"  &gt;        &lt;/label&gt;&lt;/td&gt;
    &lt;td style="visibility:$scope.isCheckboxChecked()=="true""&gt;
      &lt;div class="btn-group"&gt;
        &lt;label class="btn-primary btn "&gt;
        &lt;input type="radio" name="options4"   ng-model=" option4"  value="rewards"  ng-required="!option4" &gt; Rewards
        &lt;/label&gt;
        &lt;label class="btn-primary btn "&gt;
        &lt;input type="radio" name="options4"   ng-model=" option4"  value="awards" ng-required="!option4"&gt; Awards
        &lt;/label&gt;
        &lt;label class="btn-primary btn"&gt;
        &lt;input type="radio" name="options4"   ng-model=" option4"  value="offers" ng-required="!option4"&gt; Offers
        &lt;/label&gt;
      &lt;/div&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>angular script for that checkbox.</p>
  
  <pre><code>validationApp.controller('mainController', function($scope) {
    $scope.isCheckboxChecked = function() {
       return ($scope.isCheckboxChecked(true)
     );
    }
  }      
  </code></pre>