取消选中AngularJS中的复选框时重置单选按钮

【问题标题】：Reset radio buttons when unchecking checkbox in AngularJS取消选中AngularJS中的复选框时重置单选按钮
【发布时间】：2017-09-28 04:16:03
【问题描述】：

在上面的示例中，复选框下方的单选按钮在选中复选框时被激活。取消选中此复选框时，我想重置单选按钮（以便不填充单选按钮）。

<div class="checkbox checkbox-info">
  <input id="icb" type="checkbox" ng-model="checked">
  <label for="icb"><i class="fa fa-refresh">&nbsp;</i><b>Integratie</b></label>
</div>
<div class="radio">
  <input type="radio" name="irb" id="iarb" ng-disabled="!checked" value="!checked">
  <label for="iarb">Administrator</label>
</div>
<div class="radio">
  <input type="radio" name="irb" id="imrb" ng-disabled="!checked" value="!checked">
  <label for="imrb">Medewerker</label>
</div>

【问题讨论】：

标签： angularjs checkbox radio-button

【解决方案1】：

将单选按钮 value 更改为 ng-model

HTML

<div class="checkbox checkbox-info">
      <input id="icb" type="checkbox" ng-model="checked" ng-click="onCheck()">
      <label for="icb"><i class="fa fa-refresh">&nbsp;</i><b>Integratie</b></label>
</div>

    <div class="radio">
      <input type="radio" name="irb" id="imrb" ng-model="radio_checked" value="1" ng-disabled="!checked" />

      <label for="iarb">Administrator</label>
    </div>
    <div class="radio"> 
    <input type="radio" name="irb" id="imrb" ng-model="radio_checked" value="2" ng-disabled="!checked" />

      <label for="imrb">Medewerker</label>
    </div>

$scope.onCheck = function(){
    $scope.radio_checked = false;    
 }

Demo Fiddle

【讨论】：

后续问题：我需要添加什么以便在选中复选框时选择第一个单选按钮？