Demo: Enable and Disable a Checkbox with JavaScript

Use the buttons to change the checkbox’s disabled property.

Example checkbox

Checkbox is enabled.

JavaScript Top ↑

const checkbox = document.getElementById("ck1");
document.getElementById("disableButton").addEventListener("click", () => {
  checkbox.disabled = true;
});
document.getElementById("enableButton").addEventListener("click", () => {
  checkbox.disabled = false;
});

Enable and disable a checkbox with JavaScript

Enable/disable checkbox tutorial

Subhendu Mohapatra

Author & Instructor at plus2net

I write and maintain practical tutorials on Python, PHP, SQL, JavaScript, HTML, jQuery, and web development at plus2net. The tutorials focus on clear explanations, working examples, and code that readers can test and adapt while learning.

About the author Watch on YouTube

Connect:

Subscribe to our YouTube Channel here