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

Challenge:

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!

Solution:

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!

Advertisement