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.

possible duplicate of Check checkbox checked property using jQuery — zessx
– zessx, Commented Nov 29, 2013 at 17:05

Community · Accepted Answer · 2017-05-23 12:19:13Z

5

Use .prop() instead of .attr()

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

Read .prop() vs .attr()

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered Nov 29, 2013 at 16:26

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Bootstrap checkbox

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related