Grow your CSS skills. Land your dream job.

Building a Product Filter Using jQuery and Check Boxes?

  • # December 3, 2012 at 3:53 pm

    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

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".