title: Pass checkbox value IF the checkbox is checked
body: <p>I have a list of checkboxes that looks like this:</p>
  
  <pre><code>&lt;div class="checkbox"&gt;
  &lt;label&gt;&lt;input type="checkbox" value="west" name="west" id="west" checked="{{isChecked}}"&gt;West&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="checkbox"&gt;
  &lt;label&gt;&lt;input type="checkbox"  checked="{{isChecked}}" name="airport" id="airport" value="airport"&gt;Airport&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="checkbox"&gt;
  &lt;label&gt;&lt;input type="checkbox"  checked="{{isChecked}}" name="north" id="north" value="north"&gt;North&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have managed to pass the status of each checkbox as a boolean to the collection like this:</p>
  
  <pre><code>var eventLocation = [
  event.target.west.checked,
  event.target.airport.checked,
  ]
  </code></pre>
  
  <p>However, I would like to pass only the value of the checked checkboxes. I know I can pass the value of the checkboxes with <code>event.target.west.value</code>, but to get only the checked ones I would have to write many conditionals, which would not scale well. Is there a better way of doing this?</p>
  
  <p>Thank you!</p>