Question

以下是单选框

的代码部分

 <div class="row">
          <div class="col-sm-10">
            <div>
              <label ng-click="setGroup(true)">
                <input type="radio" id="groupNamId" name="quality[21]" checked="checked"  ng-value="isGroupName" /> Group Name
              </label>
              <label ng-click="setGroup(false)">
                <input type="radio" id="Distinguished1" name="quality[21]"  ng-value="!isGroupName"  /> DN Name 
              </label>
            </div>
          </div>
        </div>

现在检查单选框＆＃34;组名＆＃34;但我希望根据isGroupName在组名或DN名称上选中单选框。因此，如果isGroupName = true，则选中Group Name单选框，如果isGroupName = false，则选中DN Name单选框。更改收音机的任何建议都是GroupName？我使用ng-checked但它没有用。
谢谢，
金

Answer 1

您应该让我们ng-model正确管理您的radio with angular。

<div class="row">
  <div class="col-sm-10">
    <div>
      <label ng-click="setGroup(true)">
        <input type="radio" id="groupNamId" name="quality[21]" ng-model="isGroupName" value="Group" /> Group Name
      </label>
      <label ng-click="setGroup(false)">
        <input type="radio" id="Distinguished1" name="quality[21]"  ng-model="isGroupName" value="DN"  /> DN Name 
      </label>
    </div>
  </div>
</div>

在你的控制器中：

<script>
  angular.module('radioExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.isGroupName = "DN";
    }]);
</script>

使用ng-model，不需要布尔值isGroupName ... Angular将根据您的数据自动显示正确的值。没有错误就像忘记保持你的布尔同步一样。

这个Plunker很好地解释了它是如何工作的：http://plnkr.co/edit/vjryMq3SbJEdhSjiqZ9U?p=preview

如何使用Angularjs更改选定的单选框

1 个答案: