Building a Product Filter Using jQuery and Check Boxes?

[jcoder]

Hi All,

I was hoping for some help on a product filter that I am trying to build using jQuery.

Basically I want it to look similar to [Staples](http://www.staples.com/All-Laptop-Computers/cat_CL167289 “http://www.staples.com/All-Laptop-Computers/cat_CL167289”) website where there is check boxes along the side and it filters product as the check boxes are clicked. I would assume that Staples is using some high end back-end for their filter but I just wanted to build something basic with jQuery.

Here is my CodePen example but I am really stuck on the jQuery end of it. I am trying to filter the items by using the new data attribute in html5.

[http://codepen.io/jbatzel1/pen/BxCbv](http://codepen.io/jbatzel1/pen/BxCbv “http://codepen.io/jbatzel1/pen/BxCbv”)

Any help would be great!

Thanks

[Author]

Posts