javascript checkbox checked – How to check if a checkbox is checked using JavaScript?

javascript checkbox checked – Inspect the checked property of the element. Find out how to check the state of a checkbox, looking if it is checked or not, using JavaScript.

javascript checkbox checked

Checking if a checkbox is checked. Check/Uncheck checkbox with JavaScript and jQuery – First of all, select the checkbox using the selecting DOM methods like as getElementById() or querySelector().

javascript checkbox checked
javascript checkbox checked

Using Javascript:

// Check
document.getElementById("is_active").checked = true;

// Uncheck
document.getElementById("is_active").checked = false;

Using jQuery:

// Check
$("#is_active").prop("checked", true);

// Uncheck
$("#is_active").prop("checked", false);
// Check
$("#is_active").attr("checked", true);

// Uncheck
$("#is_active").attr("checked", false);

Also Read : How To Get All Checked Checkbox Value In Javascript?

javascript checkbox checked Example

Say you have this checkbox:

You can see if it’s checked using


You can also check if looking for .is_active:checked does not return null:

document.querySelector('.is_active:checked') !== null

but I think looking for .checked is cleaner.

Note: Do NOT use getAttribute() looking for the checkbox checked attribute value, because that’s always true if the checkbox is checked by default in this methods:

Also don’t check for the value of a checkbox HTML element. this is always on, regardless whether the checkbox is checked or not.

How to get all checked checkbox value in JavaScript?


Create a checkbox and get its value

Are you a indian Cricketer?

Yes: No:

I hope you get an idea about javascript checkbox checked.
I would like to have feedback on my
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.

Leave a Comment