title: Dealing with href when selecting multiple options
body: <p>I am trying to give the users the option to select multiple years in my webpage, so I used the checkbox type. Currently, I am struggling at redirecting pages when the user select multiple years.</p>
  
  <p>In HTML</p>
  
  <pre><code>&lt;h4&gt; Brands &lt;/h4&gt;
  &lt;div class="dropdown"&gt;
      &lt;button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"&gt;Dropdown
      &lt;span class="caret"&gt;&lt;/span&gt;&lt;/button&gt;
      &lt;ul class="dropdown-menu"&gt;
          &lt;li&gt;&lt;a href="#" class="brands" name = "Nike"&gt;Nike&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="brands" name = "Adidas"&gt;Adidas&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#" class="brands" name = "Vans"&gt;Vans&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;h4&gt; Years &lt;/h4&gt;
  &lt;div class="mutliSelect"&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;input type="checkbox" value="2010" /&gt;2010&lt;/li&gt;
          &lt;li&gt;
              &lt;input type="checkbox" value="2011" /&gt;2011&lt;/li&gt;
          &lt;li&gt;
              &lt;input type="checkbox" value="2012" /&gt;2012&lt;/li&gt;
          &lt;li&gt;
              &lt;input type="checkbox" value="2013" /&gt;2013&lt;/li&gt;
          &lt;li&gt;
              &lt;input type="checkbox" value="2014" /&gt;2014&lt;/li&gt;
          &lt;li&gt;
              &lt;input type="checkbox" value="2015" /&gt;2015&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Previously I am able to select one year with dropdown menu</p>
  
  <pre><code>&lt;li&gt;&lt;a href="{% url 'data:getdata' brands '2014' %}" class="year"&gt;2015&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>Now, I want to redirect to a link after the user select a brand and multiple years, such as: </p>
  
  <p>data/Nike/(store multiple years somehow)</p>