Hiding only checkbox

I made a list of checkbox like this:

<input type="checkbox" name="Hide" class="Hide" />Hide</label>
 

            <form id="form1" name="form1" method="post" action="">
                    <label>                
                    <input type="checkbox" name="SelectAll" class="all" />All</label>
                    <label>
                    <input type="checkbox" name="f1" class="selector" />F1</label>
                    <label>
                    <input type="checkbox" name="f2" class="selector" />F2</label>
                    <label>
                    <input type="checkbox" name="f3" class="selector" />F3</label>
                    <label>
                    <input type="checkbox" name="f4" class="selector" />F4</label>
                                      
            </form> 
            <form id="form2" name="form2" method="post" action="">
             <label>                
                    <input type="checkbox" name="SelectAll" class="all" />All</label>
                    <label>
                    <input type="checkbox" name="1" class="selector" />1</label>
                    <label>
                    <input type="checkbox" name="2" class="selector" />2</label>
                    <label>
                    <input type="checkbox" name="3" class="selector" />3</label>
                    <label>
                    <input type="checkbox" name="4" class="selector" />4</label>
                                      
            </form> 

Since there are too many checkboxes, I'd like to hide unnecessary ones. I need mostly the ones with class="all". Can I hide the checkboxes with class="selector" keeping their labels visible. I made another checkbox for this purpose with class="Hide" at the top.