finding the order of which checkboxes have been checked
<p>I'm trying to get the order of which checkboxes have been checked. </p>

<pre><code>&lt;ul class="dropdown-content checkboxes"&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Billy&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Jacob&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Bob&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Alexandren&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Erren&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Stewgart&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Jillian&lt;/label&gt;&lt;/li&gt;
  &lt;li&gt;&lt;label&gt;&lt;input type="checkbox" /&gt;Other&lt;/label&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>I came up with this but i'm unable to get the order of when the checkboxes were checked. I'm only able to get the list of which ones are checked only.</p>

<pre><code>$(":checkbox").click(function() {
    console.log($(":checked").length);
    var i = 0;
    checked = true;
    $(':checkbox').each(function() {
        if (this.checked == false) {
            i++;
            if (i === 8) {
                checked = false;
            }
        }
    });
});
</code></pre>

<p>How would I get the data of what order they were checked? for instance "Checkboxes 1, 6, 3 ,2 were checked in this order"</p>