Angular JS在单击时传递选定单选按钮的值答案

【问题标题】：Angular JS Passing Values of Selected Radio Buttons On ClickAngular JS在单击时传递选定单选按钮的值
【发布时间】：2017-01-29 12:24:16
【问题描述】：

在视图中有两个单选按钮列表

    <input type="radio" name="SET1" ng-model="SET1Selected" value="S1"> S1
    <input type="radio" name="SET1" ng-model="SET1Selected" value="S2"> S2
    <input type="radio" name="SET1" ng-model="SET1Selected" value="S3"> S3

    <input type="radio" name="SET2" ng-model="SET2Selected" values="S4"> S4
    <input type="radio" name="SET2" ng-model="SET2Selected" value="S5"> S5
    <input type="radio" name="SET2" ng-model="SET2Selected" value="S6"> S6

    <button ng-click="submitRadioBtn()"></button>

角度 JS

    var app = angular.module("myApp", []);
    app.controller("myCtrl", ['$scope', function($scope) {  

     $scope.submitRadioBtn=function(){
       var valfromSET1 = $scope.SET1Selected;
        var valfromSET2 = $scope.SET2Selected; 
     }
    }]);

我必须在点击时获取两个单选按钮的值。

【问题讨论】：

您的代码看起来正确，因为您有 2 个不同的组设置为 2 个不同的变量
你能给我们看看输出吗？
设置一个ng-value而不是value怎么样？喜欢这里stackoverflow.com/questions/32450288/…
@Salman.. 将 $scope.SET1Selected 设为未定义

标签： angularjs angularjs-ng-model

【解决方案1】：

您的代码应该可以正常工作。只需确保在 div 标记之外都包含了 ng-controller。

演示

 var app = angular.module("myApp", []);
 app.controller("myCtrl", ['$scope', function($scope) {

   $scope.submitRadioBtn = function() {
     var valfromSET1 = $scope.SET1Selected;
     var valfromSET2 = $scope.SET2Selected;
     console.log(valfromSET1);
     console.log(valfromSET2);
   }
 }]);

<!DOCTYPE html>
<html ng-app="myApp">

<head>
  <meta charset="utf-8" />
  <script src="https://code.angularjs.org/1.4.7/angular.js"></script>
  <script src="app.js"></script>
</head>

<body ng-controller="myCtrl">
  <div class="row">
  <input type="radio" name="SET1" ng-model="SET1Selected" value="S1"> S1
  <input type="radio" name="SET1" ng-model="SET1Selected" value="S2"> S2
  <input type="radio" name="SET1" ng-model="SET1Selected" value="S3"> S3
  </div>
  <div class="row">
  <input type="radio" name="SET2" ng-model="SET2Selected" values="S4"> S4
  <input type="radio" name="SET2" ng-model="SET2Selected" value="S5"> S5
  <input type="radio" name="SET2" ng-model="SET2Selected" value="S6"> S6
  </div>
  <div class="row">
  <button ng-click="submitRadioBtn()">submit</button>
  </div>
</body>

</html>

【讨论】：