title: Get all selected checkboxes and their associated attributes using angular
body: <p>I need to be bundle selected checkboxes together to POST to my server. In each checkbox's attributes, I'm storing some two important values: "pos" (part of speech), and definition. I need to run through each of these checkboxes, push it to a JSON array, and send it off when the "Add Word" button is pressed.</p>
  
  <pre><code>&lt;input type="checkbox" name="definition-checkbox" pos="noun" definition="Hill, rolling grassland" class="ng-valid ng-dirty"&gt;
  </code></pre>
  
  <p>I've thought of turning the checkboxes into element-restricted directives and somehow doing something there, but I'm not sure how to go about getting all the values here, without doing some loop through them all which seems non-Angular. </p>
  
  <p>Any advice?</p>
  
  <p><img src="https://i.stack.imgur.com/n4PXF.png" alt="Prototype"></p>