How do I uncheck a checkbox?

Question

I have a checkbox that is always checked, but base on user input elsewhere in my form (I have a onChange="functionName" on a select box) I would like to uncheck it.

How do I do that?

Answer 1

does it need to be done with jQuery ? what about JavaScript please try this:

Check: document.getElementById("ckBox").checked = true;

UnCheck: document.getElementById("ckBox").checked = false;

Answer 2

$('#mycheckbox').attr('checked', false)

Answer 3

plese see this post

also note that in jquery 1.6 you should use

$(".mycheckbox").prop("checked", true/false)

Answer 4

Check it:

$('input[name=foo]').attr('checked', true);

Uncheck it:

$('input[name=foo]').attr('checked', false);

Adjust selector accordingly.

Answer 5

You just needs to remove the attribute checked from the element.

$("#yourSelect").change(function () {
    $("#yourCheckBox").removeAttr("checked");
});

Answer 6

I suppose the easiest method is to call $('theCheckbox').click()

You could also use $('theCheckbox').checked = false , or $('theCheckbox').removeAttribute('checked')