Set checkboxes as checked using angularjs

Question

I have some checkboxes and their value is in database are 'Y' or 'N' as enum.for making updation i have to review all the checkboxes.how to view checkboxes as checked. this is code for checkboxes

<label class="radio-inline">
  <input type="checkbox"  ng-model="newItem.have_voter_id"  value="have_voter_id" /><?php echo $this->lang->line('label_voter_id'); ?>
</label>
<label class="radio-inline">
  <input type="checkbox"   ng-model="newItem.have_passport" value="passport" /> <?php echo $this->lang->line('label_passport'); ?>
 </label>

and this is the function for view and updation

 $scope.edit = function(id,family_id) {

    $scope.action = 'update';
    FamilyMem.get({id:id,family_id:family_id}, function (response) { // success            
        $scope.newItem = response.data; // store result to variable            
          $("#myModal").modal('show');
        }, function (error) { // ajax loading error
            Data.errorMsg(); // display error notification
            //$scope.edit = false;
        });
  };

and edit button

  <a href="" class="btn btn-magenta btn-sm" ng-click="edit(family_member.id,family_member.family_id)">

Anshad Vattapoyil · Accepted Answer · 2014-02-04 10:59:37Z

19

Use ng-checked for check-boxes,

<label class="radio-inline">
  <input type="checkbox"  ng-model="newItem.have_voter_id"  value="have_voter_id" ng-checked="newItem.have_voter_id=='Y'"/><?php echo $this->lang->line('label_voter_id'); ?>
</label>

<label class="radio-inline">
  <input type="checkbox"   ng-model="newItem.have_passport" value="passport" ng-checked="newItem.have_passport=='Y'"/> <?php echo $this->lang->line('label_passport'); ?>
</label>

answered Feb 4, 2014 at 10:59

Anshad Vattapoyil

23.5k19 gold badges90 silver badges134 bronze badges

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

Comments

Md Hasan Ibrahim · Accepted Answer · 2014-01-30 11:59:38Z

0

The model newItem.have_voter_id and newItem.have_passport is set to true or false according to your action on the checkbox. If the checkbox of 'voter_id' is checked then the value of the model newItem.have_voter_id will be updated to true and if unchecked the value will be updated to false. And the same goes for the other checkbox.

answered Jan 30, 2014 at 11:59

Md Hasan Ibrahim

1,90819 silver badges28 bronze badges

2 Comments

Nisham Mahsin Over a year ago

for saving the values from checkbox i have done that.but while i want to update it shows again as unchecked even it is true in database

Md Hasan Ibrahim Over a year ago

Could you please make a fiddle? It's difficult to find out the problem with these less code.

Shahid Hussain Abbasi · Accepted Answer · 2019-10-01 14:20:27Z

0

The below link helped me a lot.

You need to initialize model and then if model value match with value it will be get selected.

answered Oct 1, 2019 at 14:20

Shahid Hussain Abbasi

2,69219 silver badges10 bronze badges

1 Comment

Shahid Hussain Abbasi Over a year ago

The below link helped me a lot. You need to initialize model and then if model value match with value it will be get selected.jsfiddle.net/BinaryMuse/ZQDts/3

Collectives™ on Stack Overflow

Set checkboxes as checked using angularjs

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related