初めてラジオボタンをクリックしたときにラジオボタンの値が変更されない

ラジオボタンが3つあり、デフォルトではYESと選択されています。いずれかをボタンなしとして選択すると、送信ボタンが無効になります。 3つのボタンがすべてイエスになると、保存ボタンが有効になります。初めてラジオボタンをクリックしたときにラジオボタンの値が変更されない

私のプロジェクトには以下のコードが書かれています。

app 
 
    .controller(
 
    "MainCtrl", 
 
    function($scope, $http) { 
 
     $scope.formModel = { 
 
     internationalClient: 0, 
 
     isConfidential: 0, 
 
     isModificationLossRecog: 0, 
 
     idenComplianceForFinDifficulty: 1, 
 
     idenComplianceForConcession: 1, 
 
     idenComplianceForModificationOrRefin: 1 
 
     }; 
 

 
     $(".radioBtn") 
 
     .click(
 
      function() { 
 
      $("#save").attr("disabled", true); 
 

 
      $scope.forbraranceJson1 = angular.toJson(
 
       $scope.formModel, false); 
 
      console.log($scope.forbraranceJson1); 
 
      var x1 = JSON.parse($scope.forbraranceJson1); 
 

 
      console.log("11 " + x1.idenComplianceForModificationOrRefin); 
 
      console.log("22 " + x1.idenComplianceForFinDifficulty); 
 
      console.log("33 " + x1.idenComplianceForFinDifficulty); 
 
      if (x1.idenComplianceForModificationOrRefin == 1 && x1.idenComplianceForConcession == 1 && x1.idenComplianceForFinDifficulty == 1) { 
 
       $("#save").attr("disabled", false); 
 
       $scope.measureCheckbomsg = ""; 
 
      } else { 
 
       //$("#save").attr("disabled", true); 
 
       $scope.measureCheckbomsg = "Please select all Forbearance requirements as YES"; 
 
      } 
 
      });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script> 
 
<html ng-app="App"> 
 

 
<body ng-controller="MainCtrl"> 
 
    <form name="theForm" novalidate="novalidate"> 
 

 
    <input type="radio" ng-model="formModel.isModificationLossRecog" ng-value="1">Yes 
 
    <input type="radio" ng-model="formModel.isModificationLossRecog" ng-value="0" ng-checked="true">No 
 

 

 
    <input type="radio" class="radioBtn" ng-model="formModel.idenComplianceForFinDifficulty" ng-value="1" ng-checked="true">Yes 
 
    <input type="radio" ng-model="formModel.idenComplianceForFinDifficulty" class="radioBtn" ng-value="0">No 
 

 
    <input type="radio" ng-model="formModel.idenComplianceForConcession" ng-value="1" class="radioBtn" ng-checked="true">Yes 
 
    <input type="radio" class="radioBtn" ng-model="formModel.idenComplianceForConcession" ng-value="0">No 
 

 
    <button class="btn btn-success btn-sm" id="save" ng-click="saveRegistration(theForm.$valid)">Save</button> 
 
    </body> 
 
</html>

私が初めてに値が0に1を変更しない任意のラジオボタンをクリックしてください。私が2回目をクリックすると、その値はJSONで変化しています。

出典

2017-08-03 Jitendra Singh Pal

最初のコントローラ内でそのようなng-clickまたはng-change

<input type="checkbox" ng-model="formModel.idenComplianceForConcession" ng-click="clickedCallback"/>

ような角度の使用 "NGイベント" で使用している$（ ''）jqueryの。クリックを避けてください。ラジオでng-changeディレクティブを使用します。 –

ありがとうございました。私は変更を変更しました。今は私のために働いています –

サンプルでは、ラジオボタンではなくチェックボックスを使用してください。ラジオボタンは、いくつかの値の間で選択したいときに使用します。あなたの場合、それはbooleanのようなものなので、チェックボックスはより良い選択と思われます。

次に、すべての

$scope.clickedCallback = function() { 
console.log(formModel.idenComplianceForConcession); 
}

出典

2017-08-03 16:47:55

初めてラジオボタンをクリックしたときにラジオボタンの値が変更されない

答えて

関連する問題