Bootstrap checkbox

Question

I've been developing a web application using bootstrap 3.0.2 and jQuery. But I've some problems with checkboxes. Imagine that I've the following checkbox:

<label class="checkbox margin-left5">
<input type="checkbox" name="xptoName" id="xptoNameId">
Hello World
</label>

So i want to check/uncheck through jQuery. For that, I use this function:

function checking(isToCheck, id){
 $("#"+id).attr('checked', isToCheck);
}

If you call the first time this function:

checking(true, "xptoNameId");

It'll check the checkbox, but if I called several times after this, for checking and unchecking the checkbox will not check again.

Any clue for this strange behavior?

Thanks.

Answer 1

Use .prop() instead of .attr()

function checking(isToCheck, id) {
    $("#" + id).prop('checked', isToCheck);
}

Read .prop() vs .attr()