Disable checkbox using javascript

Question

I have two checkboxes, like below:

<input type="checkbox" id="id" name="data[Noncompetitor][is_black][1]" value="1">
<input type="checkbox" id="id" name="data[Noncompetitor][is_black][2]" value="1">

Now, on a condition, I want to disable them using javascript.

Answer 1

Should work like this:

document.getElementById("id").setAttribute("disabled", "disabled");

Re-enable it like this:

document.getElementById("id").removeAttribute("disabled");