javascript - 无法获取 Angular 单选按钮的值

标签 javascript angularjs

我有这些单选按钮,但我无法从提交的单选按钮中获取值(value)。我尝试了完全相同的操作:http://plnkr.co/edit/4lvJclZuh0lryF1nhmdt?p=preview

HTML:

        <body ng-controller="ExamCtrl">
           <form name="myForm" ng-submit="submitForm()">
             <label><input type="radio" name="test" ng-model="radioValue" value="1"/> One</label>
             <label><input type="radio" name="test" ng-model="radioValue" value="2"/> Two</label>
             <label><input type="radio" name="test" ng-model="radioValue" value="3"/> Three</label>
             <div>currently selected: {{radioValue}}</div>
             <button type="submit">Submit</button>
           </form>
        </body>

JS:

   $scope.submitForm = function () {
       console.log('Submitting');
       console.log($scope.radioValue);
   };

它记录“正在提交”,然后未定义

最佳答案

当我使用点“.”时它起作用符号。不知道为什么。

HTML

<body ng-controller="ExamCtrl">
   <form name="myForm">
     <label><input type="radio" name="test" ng-model="radio.value" value="1"/> One</label>
     <label><input type="radio" name="test" ng-model="radio.value" value="2"/> Two</label>
     <label><input type="radio" name="test" ng-model="radio.alue" value="3"/> Three</label>
     <div>currently selected: {{radioValue}}</div>
     <button ng-click="submitAnswer(radio.value)">Submit</button>
   </form>
</body>

JS

$scope.submitAnswer = function (selected) {
  // $scope.answer = 'A';
  console.log('submitting');        
  console.log(selected);
};

关于javascript - 无法获取 Angular 单选按钮的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42039424/

相关文章:

javascript - 将 div 的宽度设置为没有 width 属性的 div 的 'display width'

javascript - 将 "checked' 属性添加到 jquery 中的复选框

javascript - Google Geochart - 相同的国家,不同的值(value)

node.js - 授权数据中未定义 Socket.IO 查询对象

javascript - 在上下文或 props 中找不到 "store"

javascript - 在 JavaScript 中按 Intl.NumberFormat 格式化百分比

angularjs - 使用 angular-formly 编辑数组元素

javascript - $rootScope 并将数据从 Controller 传递到服务

angularjs - 有没有办法检测广播的事件监听器?

javascript - 尝试使用 ng-repeat 时出现黑屏?