未检索到单选按钮检查状态

Question

我希望我的 formData 说明选择了哪个单选按钮。基本上，如果它的第一个单选按钮，那么它应该设置为 true，如果取消选择它应该是 false。 目前，我的以下代码模型尚未设置。 我尝试使用 ng-value 但它没有用。 这是我尝试过的

基本上，我希望模型数据根据检查状态设置为 true。

HTML 代码

                            <div class="radio">

                                <input type="radio" id="typeRadio1" name="optradio" ng-model="formData.selectedType.perm" ng-change="isRadioSelected('typeRadio1')" required><label for="typeRadio1">301 PERM</label>
                                <input type="radio" id="typeRadio2" name="optradio" ng-model="formData.selectedType.temp" ng-change="isRadioSelected('typeRadio2')" required><label for="typeRadio2">302 TEMP</label>
                            </div>

app.js

        $scope.formData = {}
        $scope.isRadioSelected = function(s) {
            if (document.getElementById(s).checked) { $scope.formData.selectedType.perm = true; }
            else { $scope.formData.selectedType.perm = false;}

            if (document.getElementById(s).checked) { $scope.formData.selectedType.temp = true; }
            else { $scope.formData.selectedType.temp = false;
}                
        }

Answer 1

当您拥有checkbox 时，您不需要ng-value，因为您将获得true/false，但复选框也有唯一的ng-model 但所有收音机都有与ng-value 相同的name

var app = angular.module("app", []);

app.controller("ctrl", function($scope){
  
  $scope.checkboxSelected = function(item){
    console.log(item)
  }
  
 $scope.radioSelected = function(){
    console.log($scope.form.radio)
  }

})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
  checkbox1 - {{form.checkbox1}}
  <input type="checkbox" ng-change="checkboxSelected(form.checkbox1)" ng-model="form.checkbox1"/>
  
  checkbox1 - {{form.checkbox2}}
  <input type="checkbox" ng-change="checkboxSelected(form.checkbox2)" ng-model="form.checkbox2"/>
  
  
  <hr>
  
  
  radio - {{form.radio}}
  <input type="radio" name="radio" ng-value="1" ng-change="radioSelected()" ng-model="form.radio"/>
  <input type="radio" name="radio" ng-value="2" ng-change="radioSelected()" ng-model="form.radio"/>
</div>