title: How to check only one checkbox in angular?
body: <p>Could you please tell me how to check only one checkbox at one time? I show a popup screen in which I display checked box. But user can select multiple checkboxes. I need to prevent that.I mean user can only select one checkbox at one time. Here is my code
  <a href="http://plnkr.co/edit/p2xHhT7e72m3nnMjP7qC?p=preview" rel="nofollow">http://plnkr.co/edit/p2xHhT7e72m3nnMjP7qC?p=preview</a></p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="plunker"&gt;
    &lt;head&gt;
      &lt;script src="https://code.angularjs.org/1.4.1/angular.js"&gt;&lt;/script&gt;
      &lt;script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"&gt;&lt;/script&gt;
      &lt;script src="example.js"&gt;&lt;/script&gt;
      &lt;link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet"&gt;
    &lt;/head&gt;
    &lt;body&gt;
  
  &lt;li class="dropdown" ng-controller="DropdownCtrl"&gt;
    &lt;a class="dropdown-toggle"&gt;
      Click me for a dropdown, yo!
    &lt;/a&gt;
    &lt;ul class="dropdown-menu"&gt;
      &lt;li class="checkbox"&gt;&lt;input type="checkbox" class="selectCheckBox" ng-click="$event.stopPropagation()"/&gt;Option 1&lt;/li&gt;
      &lt;li&gt;&lt;input type="checkbox" checked="checked" ng-click="$event.stopPropagation()"/&gt;Option 2&lt;/li&gt;
          &lt;li&gt;&lt;input type="checkbox"  ng-click="$event.stopPropagation()"/&gt;Option 3&lt;/li&gt;
  
      &lt;/ul&gt;
  &lt;/li&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>want to use checkbox not radio button</strong></p>