Creating A Checkbox System with Show/Hide of Entries - How To?

[wizard!]

So, all I am trying to do is create classes for a series of table fields.Each class could apply to each table field more than once.In the Javascript, I wanted to create a script, relating to a series of checkboxes. When each checkbox is checked or unchecked the classes related would disappear.For example:\[code\]<input type="checkbox" id="checkbox1" name="check" value="http://stackoverflow.com/questions/15508986/Number1" checked> Contents <br><input type="checkbox" id="checkbox2" name="check" value="http://stackoverflow.com/questions/15508986/Number2" checked> Contents <br><input type="checkbox" id="checkbox3" name="check" value="http://stackoverflow.com/questions/15508986/Number3" checked> Contents <br><input type="checkbox" id="checkbox4" name="check" value="http://stackoverflow.com/questions/15508986/Number4" checked> Contents <br>\[/code\]Then any table field with a specific class should disappear via this Javascript:\[code\]function topicSorter() { $("#Checkbox1").onclick = function () {if ($("#Checkbox1").checked) {$('.class1').show(); } else {$('.class1').hide(); } }; $('.class1').show(); }\[/code\]I can only seem to get this to work without using jQuery and only using classes via \[code\]getElementById\[/code\], but not using any variation of 'class' like \[code\]getElementByClassName\[/code\]...Its not working.Sorry for clogging up this internet with all of this nonsense.