title: Bootstrap 3 - multiple active buttons in same btn-group
body: <p>Within a <code>&lt;form&gt;</code>, I have Bootstrap 3 button groups with radio buttons. I want to be able to have multiple buttons in the group be simultaneously active. What I mean is, in the fruit button group, someone should be able to click apples and then oranges and (1) have both stay active, (2) have the form send both values for that group.</p>
  
  <p>Html so far looks like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;br&gt;&lt;p&gt;Click all the fruits that you like&lt;/p&gt;
      &lt;div class="btn-group col-xs-12" data-toggle="buttons"&gt;
          &lt;label class="btn btn-default"&gt;
              &lt;input type="radio" name="apple" id="apple" value="apple"&gt;apple
          &lt;/label&gt;
          &lt;label class="btn btn-default"&gt;
              &lt;input type="radio" name="pear" id="pear" value="pear"&gt;pear
          &lt;/label&gt;
          &lt;label class="btn btn-default"&gt;
              &lt;input type="radio" name="orange" id="orange" value="orange"&gt;orange
          &lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried checkboxes, but I haven't gotten them to work. Figure there has to be a way...  </p>