繁体   English   中英

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

[英]How check check-box dynamically in click event using Angular.js/Javascript

我需要一个帮助。 我需要在用户单击按钮时选中复选框,该复选框将使用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中解释我的所有代码。您可以找到存储按钮和编辑按钮。 当用户选择一些值并选中存储按钮时,我需要存储所有值。 当用户单击编辑按钮时,存储的值将在所需的行复选框中设置。 我的代码在这里 。请帮助我。

您的情况很简单:

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

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

您需要在控制器中添加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);
    };
 };

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM