I have successfully created a set of bootstrap icons functioning as radio buttons. Now, I am trying to achieve a similar effect with checkboxes, allowing users to select and store multiple options. I am struggling to figure out the best approach to implement this.
HTML
<h1>AUTOMATIC TASKS
<ul class="nav nav-pills nav-stacked user-dems">
<li ng-repeat="optionText in type.options" class="underline"><a href="#" ng-click="selectType(optionText)" class="queue-type queue-text-margin"><span ng-class="{"glyphicon-ok":type.selected===optionText,"glyphicon-unchecked":type.selected!==optionText}" class="glyphicon glyphicon-ok queue-box-padding"></span>{{optionText}}</a></li>
</ul>
</h1>
Controller
angular.module('app').controller('mvQueueListCtrl', function($scope, mvQueue) {
........
........
$scope.selectType = function(opt){
$scope.type.selected = opt
},
$scope.type = {
options: ['Fax', 'Physical', 'Digital'],
//selected: 'None'
selected: 'Fax'
},
..........
..........
..........
}
);