title: Get the list of all selected check boxes with Vue.js
body: <p>How can I get a list of all <em>check boxes</em> that I selected with Vue?
  This is my HTML which works and shows me a list of my products with a checkbox.</p>
  <pre><code>&lt;li v-for=&quot;(product, index) in products&quot;&gt;
      &lt;input :id=&quot;product.slug&quot; :value=&quot;product.id&quot; name=&quot;product&quot; type=&quot;checkbox&quot; /&gt;
      &lt;label :for=&quot;product.slug&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/label&gt;
  &lt;/li&gt;
  </code></pre>
  <p>What I want is that when I click on a button, it fetches all check boxes that I selected. And give me all the values.
  But I can't figure out how to do it, because it'll break when I even try to add a <code>v-model</code> to the checkbox.</p>