如何使用Angular.js / Javascript在点击事件中动态检查复选框

时间:2016-05-27 05:25:42

标签: javascript html angularjs

我需要一个帮助。当用户点击按钮时,我需要检查复选框,使用Angular.js选中复选框。我在下面解释我的代码。

<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。请帮助我。

2 个答案:

答案 0 :(得分:1)

在你的情况下,它只是:

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

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

答案 1 :(得分: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);
    };
 };