2016-05-27 6 views
0

ヘルプが必要です。ユーザーがボタンをクリックすると、Angular.jsを使用してチェックボックスが選択され、チェックボックスをオンにする必要があります。私は以下のコードを説明しています。Angular.js/Javascriptを使用してクリックイベントを動的にチェックする方法

<td> 
<input type="checkbox" name="answer_{{$index}}_check" 
    ng-model="answer.check" 
    ng-checked="answerIsSelected($parent.$index, $index)" 
    ng-click="toggleAnswerSelected($parent.$index, $index)" 
    ng-disabled="isDisabled($parent.$index, $index)" 
    ng-true-value="true" 
    ng-false-value="false" 
    style="margin-left:10px;" 
/> 
</td> 
<input type="button" value="Edit" ng-click="getValue()"> 

ユーザがeditボタンをクリックすると、チェックボックスを選択する必要があります。 plunkrにすべてのコードを説明しています。ストアボタンと編集ボタンがあります。ユーザーがいくつかの値を選択し、ストアボタンをクリックすると、すべての値を保存する必要があります。ユーザーが編集ボタンをクリックすると、必要な行のチェックボックスに保存された値が設定されます。私のコードはHereです。私を助けてください。

+0

「ユーザーは値を選択しますか」チェックボックスをチェックすると? –

+0

plunkrコードに行ってください。もう少しドロップダウンがあります。そこを選択することができます。 – satya

答えて

1

あなたのケースでは、それは単にある:

$scope.getValue = function(){ 
     $scope.days.forEach(function (day) { 
     day.answers.forEach(function (answer) { 
      answer.check = true; 
     }); 
     }); 
    } 

https://plnkr.co/edit/LXl01lnROyjLZXUtRllx?p=preview

+0

あなたのコードをテストしましょう。 – satya

+0

@satyaあなたのコントローラにgetValue機能があるところに貼り付けてください。ここに行く:https://plnkr.co/edit/LXl01lnROyjLZXUtRllx?p=preview – sielakos

+0

@ sielakos:ありがとうあなたのコードは動作しています。 – satya

0

あなたのコントローラでのgetValue機能を追加する必要があります。

var self = this; 
self.getValue = function(){ 
    $scope.isDisabled = function(dayIdx, answerIdx) { 
     console.log('isDisabled', $scope.selectedAnswers[dayIdx].chkbox); 
     return (!$scope.answerIsSelected(dayIdx, answerIdx) 
        && $scope.selectedAnswers[dayIdx].chkbox.length === 2); 
    }; 
}; 
+0

コードを正しくフォーマットしてください。 – satya

関連する問題