Javascript not Un-Hiding Content
<p>(I was unsure what title to use so i took what i felt described it if it doesnt fit please tell me/change it)</p>

<p>So i've been making this league of legends site for a while now and ran into a trouble.
I've been making a Filter menu that filters the "Champions"(Hero's) to only show those with the correct role/ability.</p>

<p>So i got an on-click script on checkboxes that should show the correct Champions when clicked on. but it doesnt seem to work.</p>

<p>When i uncheck the textbox it correctly takes back all of the champions, but when i "Check" it all champions disappears (should do this) but it doesnt show those wich apply to the filter. (I got all the correct id's on the DIV's, i know this since i have a search bar that works for filtering aswell but i want checkboxes for it since its simpler)</p>

<p>Checkboxes:</p>

<pre><code>    AD&lt;input type="checkbox" name="adcarry" value="adcarry" id="check1" class="check1" onclick="boxchanged()"&gt;
    AP&lt;input type="checkbox" name="apcarry" value="apcarry" id="check2" class="check2" onclick="boxchanged()"&gt; 
    Carry&lt;input type="checkbox" name="carry" value="carry" id="check3" class="check3" onclick="boxchanged()"&gt;
    Tank&lt;input type="checkbox" name="tank" value="tank" id="check4" class="check4" onclick="boxchanged()"&gt;
    Support&lt;input type="checkbox" name="support" value="support" id="check5" class="check5" onclick="boxchanged()"&gt;
    Jungler&lt;input type="checkbox" name="jungler" value="jungler" id="check6" class="check6" onclick="boxchanged()"&gt;
    Burst&lt;input type="checkbox" name="burst" value="burst" id="check7" class="check7" onclick="boxchanged()"&gt;
    &lt;button type="button" onclick="boxchanged()"&gt;Reset&lt;/button&gt;
</code></pre>

<p>Affected divs are designed as following: (The classes changes depending on what the champion can do)</p>

<pre><code>    &lt;div class="champion apcarry mid" id="ahri" onclick="OnClickChampion(this.id)"&gt;&lt;img src="img/champions/ahri.jpg"&gt; Ahri &lt;/div&gt;
</code></pre>

<p>Script:</p>

<pre><code>    function boxchanged ( )
    {   
        $("#num1").val("Search..");
        if ($("[type='checkbox']:checked").length == 0)
            {
                $(".champion").show(200);
            }
        else
            {
            $(".champion").hide(200);
            for (var i = 1;i &lt; 7; i++)
                {
                    var name = "check"+i;
                    console.log(name)
                    var name2 = document.getElementById(name);
                    console.log(name2)
                    if (name2.checked == true)
                        {
                           var name3 = name2.name;
                            $("."+name3).show();
                        }   
                }
           }
    };
</code></pre>
