Checkbox is checked in DOM but not ticked in checkbox

Question

0.00/5 (No votes)

See more:

Hi,

I am checking the checkbox dynamically using code $("#chkBrand").attr('checked',true)/
$("#chkBrand").attr('checked','checked')/$("#chkBrand").prop('checked',true) which i can see in DOM but no action is taken on checkbox. It remains unchecked.

Can anybody please help me to solve this.

Thanks,
Afzal

Posted 23-Mar-15 23:34pm

afzalkarani

Add a Solution

Comments

Kornfeld Eliyahu Peter 24-Mar-15 5:41am

See this, and check if you spot the difference...
http://jsfiddle.net/oax3rsp1/

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Stephen Hewison · Answer 1 · 2015-03-23T23:39:00

Solution 1

Should be the following:

JavaScript

$('#chkBrand').prop('checked', true);
$('#chkBrand').prop('checked', false);

Although your query selector assumes that you've assigned chkBrand as the element id on the checkbox.

If you've only assigned it to name, this will not work.

HTML

<input type="checkbox" id="chkBrand" />

Taken from here:

http://stackoverflow.com/questions/426258/checking-a-checkbox-with-jquery[^]

Posted 23-Mar-15 23:39pm

Stephen Hewison

Updated 23-Mar-15 23:42pm

v3

Comments

afzalkarani 24-Mar-15 5:45am

I have use checkbox like below
<input type="checkbox" id="chkExcludeBrand" name="chkExcludeBrand"/>

Stephen Hewison 24-Mar-15 5:48am

then the id is chkExcludeBrand. Use:

$('#chkExcludeBrand').prop('checked', true);

The portion in the first bracket is a CSS query selector which needs to match the elements you're looking to amend.

http://www.w3schools.com/cssref/css_selectors.asp

afzalkarani 24-Mar-15 5:51am

I've used but no result. Although in DOM it is checked.

afzalkarani 24-Mar-15 5:59am

Hi,

i have added simple checkbox
Check: <input id="idChk" type="checkbox" />

And I am trying to get id checked from DOM Console. it shows checked but cannot see it ticked.

Thanks7872 24-Mar-15 5:49am

Did you try what he stated?

afzalkarani 24-Mar-15 5:52am

Yes, but not working. In DOM i can see it is checked but element ticked. I am using chosen.js too. Is that making problem?

afzalkarani 24-Mar-15 5:59am

Hi,

i have added simple checkbox
Check: <input id="idChk" type="checkbox" />

And I am trying to get id checked from DOM Console. it shows checked but cannot see it ticked.

Thanks7872 24-Mar-15 6:03am

I faced the same issue. See here : http://www.codeproject.com/Questions/781964/Click-events-of-Dynamically-generated-Checkboxes?arn=0