Click here to Skip to main content
15,036,145 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[^]
   

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