How to check or uncheck a checkbox with jQuery

Check or uncheck a checkbox with jQuery is a simple task and can be achieved very easily. If you are using jQuery 1.5 and below you need to use .attr(). Here it is

1
2
3
4
5
6
7
8
9
 
To check <input class="checkbox" /> use 
 
$('.checkbox').attr('checked','checked');
 
 
To uncheck <input class="checkbox" /> use 
 
$('.checkbox').removeAttr('checked');

But if you are using jQuery 1.6+ use this code:

1
2
3
4
5
6
7
8
9
 
To check <input class="checkbox" /> use 
 
$('.checkbox').prop('checked', true);
 
 
To uncheck <input class="checkbox" /> use 
 
$('.checkbox').prop('checked', false);

That’s it 🙂

Recently Published

»

Modern Changes That You Should Consider for Your Web Site

Websites need to modernize and get updated periodically otherwise ...

»

Super Tips For A Flawless Website

A website has a specific purpose. And your job is to design a website ...

»

Wix Offers Best Free Web Apps for Artists and Photographers

The famous online website builder Wix is known for providing the ...

»

What You Should Know Before Setting Up a Digital Marketing and Web Design Company

Running a digital marketing and web designing company can be a ...

»

Important Factors to Think About When Starting a Mailing List

Many bloggers and business owners don’t have a mailing list, ...

»

Tried and Tested Strategies for Boosting eBook Sales

As you have by now realized, writing your ebook was just the first ...

»

What Really Makes a Website User-Friendly

Whether it’s for business or personal use, having a website online ...

»

5 Features of Virtual Private Server that put you in complete Control of Your Website

For a decade now, virtual private server has been a preferred hosting ...

»

8 Ways the Right Ecommerce Platform Makes Your Business Perform Better

Starting your own ecommerce store is an exciting experience, but ...