Click here to Skip to main content
15,887,683 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
i want to set as selected few hobbies like 'Writing','Football' in checkbox list how to do this?? my code as below,
angular controller
JavaScript
$scope.Hobbies = [];
$scope.Hobbies.push('Cricket');
$scope.Hobbies.push('Reading');
$scope.Hobbies.push('Writing');
$scope.Hobbies.push('Sleeping');
$scope.Hobbies.push('Running');
$scope.Hobbies.push('Football');
$scope.Hobbies.push('Programming');

$scope.selected = {};    
$scope.GetSelected = function () {        
    console.log('selected arry....');       
    $.each($scope.selected, function (value,checked) {
        console.log(value + '-' + checked);
    });
};

 $scope.SetSelected = function () {        
   //???
};


my .cshtml code
HTML
<div>Hobbies
                        <label ng-repeat="hobbie in Hobbies">                                
                            <input type="checkbox"
                                   checklist-model="Hobbies"
                                   ng-model="selected[hobbie]"                                      
                                   checklist-value="{{hobbie}}">{{hobbie}}                               
                        </label>
                    </div>
<a href="javascript:;" data-ng-click="SetSelected();">Set Selected</a>


What I have tried:

i want to set as selected few hobbies like 'Writing','Football' in checkbox list how to do this??
Posted
Updated 15-Nov-19 14:50pm

1 solution

Here is an example, I noticed that "$.each" belong to jQuery, the code should work too using "angular.forEach"

Checkbox - JSFiddle[^]


Resources:
AngularJS : How to bind to list of checkbox values? (Javascript) - Codedump.io[^]
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900