Javascript 使用引导图标创建复选框功能

我已经建立了一套很好的引导图标，就像单选按钮一样。我需要用复选框行为做同样的事情，允许选择和存储多个选项。我似乎不知道该怎么做

HTML

---

您可以稍微更改视图模型，以指示它是否已被选中，因此将其更改为“对象数组”，而不是“基本体数组”：-

$scope.type = {
   options: [{name:'Fax', selected:true},
         {name:'Physical', selected:false}, 
         {name:'Digital', selected:false}],
};

并更新处理程序以切换复选标记

 $scope.selectType = function(opt){
      opt.selected = !opt.selected;
  };

只需稍微更改一下您的

ng repeat

• 单击时传递选项

  ng click=“selectType（option）”

• 将

  ng类

  简化为

  ng类=“{'true'：'glyphicon ok'，false:'glyphicon-unchecked'}[option.selected]”

---

$scope.type = {
   options: [{name:'Fax', selected:true},
         {name:'Physical', selected:false}, 
         {name:'Digital', selected:false}],
};

 $scope.selectType = function(opt){
      opt.selected = !opt.selected;
  };

<li ng-repeat="option in type.options track by $index">
      <a href="#" ng-click="selectType(option)" class="queue-type queue-text-margin">
        <span ng-class="{'true' : 'glyphicon-ok', false:'glyphicon-unchecked'}[option.selected]" 
         class="glyphicon glyphicon-ok queue-box-padding"></span>{{option.name}}
      </a>
</li>