Check if a CheckBox is checked or not using ID in JavaScript and jQuery

Check if a CheckBox is checked or not using ID in JavaScript and jQuery

In web development, checkboxes are commonly used to allow users to select multiple options or make binary choices. Checking the status of a checkbox is essential to determine the user’s selections and perform appropriate actions. This article will show you how to check if a checkbox is checked or not using its ID in both JavaScript and jQuery.

var checkbox = document.getElementById("checkbox");
if(checkbox.checked) {
  console.log("Checkbox is checked");
} else {
  console.log("Checkbox is not checked");
}

Checking the CheckBox Status using jQuery

In jQuery, you can use the $ selector to retrieve a reference to the checkbox element, and then check its prop method to determine its status.

if($("#checkbox").prop("checked")) {
  console.log("Checkbox is checked");
} else {
  console.log("Checkbox is not checked");
}