Javascript 使用引导图标创建自定义单选按钮？

我的第一个问题太复杂了，所以我决定把它分成小块。 有没有一种方法可以让引导和角度一起改变图标？ 我正试图让它们像单选按钮一样工作

<div class="container">
  <div class="container-fluid">
    <div class="row uglytabs">
        <div class="main-queue-title">
          <h1>QUEUE TYPE</h1>
        </div>
        <ul class="nav nav-pills nav-stacked user-dems">
          <li class="underline"><a href="#" class="queue-type"><span ng-click="checked(queue)" class="glyphicon queue-box-padding" ng-class="queueDetail == queue ? 'glyphicon-ok' : 'glyphicon-unchecked'"></span>Fax Driven</a></li>
          <li class="underline"><a href="#" class="queue-type queue-text-margin"><span class="glyphicon glyphicon-unchecked queue-box-padding"></span>Digital Driven</a></li>
          <li class="underline"><a href="#" class="queue-type queue-text-margin"><span class="glyphicon glyphicon-unchecked queue-box-padding"></span>Physical Driven</a></li>
        </ul>
        <div class="main-queue-title">
          <h1>GROUPING</h1>
        </div>
        <ul class="nav nav-pills nav-stacked user-dems">
          <li class="underline"><a href="#" class="queue-type queue-text-margin"><span class="glyphicon glyphicon-ok queue-box-padding"></span>None</a></li>
          <li class="underline"><a href="#" class="queue-type queue-text-margin"><span class="glyphicon glyphicon-unchecked queue-box-padding"></span>Group by Drug</a></li>
          <li class="underline"><a href="#" class="queue-type queue-text-margin"><span class="glyphicon glyphicon-unchecked queue-box-padding"></span>Group by Patient</a></li>
        </ul>
        <div class="main-queue-title">
          <h1>AUTOMATIC TASKS</h1>
        </div>
        <ul class="nav nav-pills nav-stacked user-dems">
          <li class="underline"><a href="#" class="queue-type queue-text-margin"><span class="glyphicon glyphicon-ok queue-box-padding"></span>Pharmacy Verification</a></li>
          <li class="underline"><a href="#" class="add-new-auto-queue"><span class="glyphicon glyphicon-plus blue"></span><span class="add-new-auto">Add New</span></a></li>
        </ul>
        <p></p>
        <div class="user-options"><a class="user-delete">Delete Queue </a></div>
      </div>
    </div>
  </div>

队列类型





分组





自动任务





您可以使用
ng class
轻松更改类（以及图标）

查看有关您可以使用样式执行的所有操作的问题：我更新了您的plunk：您是否希望执行类似操作：非常感谢JoseM。这正是我想做的！。如果你把它作为回答而不是评论，我会接受它作为我问题的答案。