title: validate and capture selected button-group checkbox
body: <p>i am using bootstrap button-group checkbox with toggle. To easily identify selected option, using the toggle function (courtesy - one of the post here). Working example <a href="http://jsfiddle.net/NEX9g/" rel="nofollow">here</a>.</p>
  
  <pre><code>&lt;div class="form-group"&gt;
  &lt;label class="sr-only" for="Test"&gt;Boxes&lt;/label&gt;
  &lt;div class="controls" name="Test"&gt; 
  &lt;div class="btn-group" data-toggle="buttons-checkbox"&gt;
  &lt;div class="btn btn-default" class-toggle="btn-info"&gt;AA&lt;/div&gt;
  &lt;div class="btn btn-default" class-toggle="btn-info"&gt;BB&lt;/div&gt;
  &lt;div class="btn btn-default" class-toggle="btn-info"&gt;CC&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>stumped with:</p>
  
  <p>1) how to validate that user has to select at least 1 button and
  2) how to capture value(s) of selected buttons to be sent to PHP (form).</p>
  
  <p>very novice with web development. Need help. Thanks.</p>