ラジオボタンの値を得ることができません

私はこれらのラジオボタンを持っていますが、送信時に値を得ることができません。私はまったく同じ、これを試してみました：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); 
    };

それは '提出' し、その後undefinedログに記録します。

出典

2017-02-04 Akhilesh Chobey

あなたはplnkrを試しましたか？ –

開始時にコントローラの '$ scope.radioValue;'を初期化する必要があります。 – ProCylon

@NiRmaL次に、初期化された値を記録するだけです。 –

ドット '。'を使用すると機能します。表記理由は分かりません。あなたのコードは正常に動作している

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>

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

出典

2017-02-04 12:09:03

：

フィドル：https://jsfiddle.net/2scu8wL8/

var myApp = angular.module('myApp',[]); 
 

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="MyCtrl"> 
 
      <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> 
 
</div>

出典

2017-02-04 21:29:45

ラジオボタンの値を得ることができません

答えて

関連する問題