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().

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

document.querySelector('.is_active').checked

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?

index.html

Create a checkbox and get its value
 Are you a indian Cricketer? 
Yes: 
No: 

 

Submit 


 
 

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