Click here to Skip to main content
14,608,021 members
Rate this:
Please Sign up or sign in to vote.
i want to set as selected few hobbies like 'Writing','Football' in checkbox list how to do this?? my code as below,
angular controller
$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
<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

Rate this:
Please Sign up or sign in to vote.

Solution 1

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, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100