How check check-box dynamically in click event using Angular.js/JavaScript

Question

I need to check check-box when user will click on a button the check box will selected using Angular.js. My code is below:

<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()">

When user will click on edit button the check-box should be selected. I am providing my code in this Plunkr. You can find there is store button and edit button. When user will select some value and check-box click on store button, I need to store all value. When user will click on edit button, the stored value will set on required row check-box.

Please go to plunkr code.There are some more drop down.You can select there. — satya
– satya, Commented May 27, 2016 at 5:40

sielakos · Accepted Answer · 2016-05-27 05:48:00Z

1

In your case it is simply:

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

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

edited May 27, 2016 at 5:48

answered May 27, 2016 at 5:34

sielakos

2,40413 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

sielakos Over a year ago

@satya Just paste it to your controller where you have getValue function. Here you go: plnkr.co/edit/LXl01lnROyjLZXUtRllx?p=preview

Partha Sarathi Ghosh · Accepted Answer · 2016-05-27 06:35:39Z

0

You need to Add getValue function in your controller.

 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);
    };
 };

edited May 27, 2016 at 6:35

Partha Sarathi Ghosh

11.7k22 gold badges64 silver badges84 bronze badges

answered May 27, 2016 at 6:04

zeeshan Qurban

3871 gold badge4 silver badges15 bronze badges

Collectives™ on Stack Overflow

How check check-box dynamically in click event using Angular.js/JavaScript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related