“Check All” function when using Ryan Fait's Checkbox


During last year, we wanted to give Custom CSS Styles to checkboxes. And we found http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ — Superb work! [Sometimes, not smooth experience with IE. But that’s something I think because of IE’s behavior. And you can live with it!]
But, we faced a lot of challenges, when we decided to give “Check All” functionality for it. As usual we did a Google search for it, and found this link — http://stackoverflow.com/questions/11352287/check-all-function-when-using-ryan-faits-custom-form-elements
But without solution! 🙁 What? you also need to do same? You also found same stack overflow link? Struggling with the way to do it? Don’t worry, this post is for you only!


We got a solution of it from one of our colleague — Who is very expert in CSS,Javascript and Jquery concepts.
Demo — Check All with Ryan Fait’s Checkbox
Just download it and use it from above link!
I’m sure this solution, will save your day(s)!
Thank you Ankit Vasani for the solution!


  • I like it whenever people get together and share views.
    Great website, keep it up!

    • Darrin — Thank you, started blog with the same reason! and it makes me happy to see that people like you found it helpful!
      Thank you,

Comments are closed.