Checked value not reflecting for dynamically created Checkboxes asp.net c# jquery

Question

I'm having few checkboxes which are dynamically created using c# code- behind. At client side using jquery I want to make the checkbox as checked, but the checked value is not reflected on the UI. I have browsed for the solution and it suggest something related to VIEWSTATE. Here is my C# code and Jquery where I'm setting the Checkbox value.

C#. Code

CheckBox checkbox = new CheckBox();
            checkbox.ID = "CheckBox" + i++;
            checkbox.InputAttributes["class"] = "skin-line-grey icheck-label form-label";
            checkbox.ClientIDMode = ClientIDMode.Static;
            checkbox.Text = item.Text;
            PnlEventList.Controls.Add(checkbox);

Jquery. Checkbox1 is the ID for checkbox been dynamically created. Same I have 7 more checkboxes.

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

Make sure jQuery is included and when code is executed the checkbox is present in DOM, $('#CheckBox1').length should be one if it is present in dom. — Adil
– Adil, Commented Feb 1, 2017 at 9:53
Yes I have tried using a class instead of id and I have also given jquery reference file as I have already used a lot of javascript into my application. — Joy Fernandes
– Joy Fernandes, Commented Feb 1, 2017 at 9:53

Sergio · Accepted Answer · 2017-02-01 10:55:05Z

2

CheckBox property, lying not in properties or attribute collection. Use this:

$('#CheckBox1')[0].checked = true;

Or this:

document.getElementById("CheckBox1").checked = true;

edited Feb 1, 2017 at 10:55

answered Feb 1, 2017 at 9:50

Sergio

3461 silver badge8 bronze badges

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

3 Comments

Joy Fernandes Over a year ago

As I already mentioned before. The Checked attribute is getting true but it is not reflecting on the UI. The checkbox is still shown un-checked and vice-versa.

Adil Over a year ago

@Sergio $('#CheckBox1').checked = true; would give error as jQuery object returned by selector does not have property .checked. It could be $('#CheckBox1')[0].checked = true;

Joy Fernandes Over a year ago

This works, There was a problem with my css style so the value was not reflecting with my UI.

Vajda Endre · Accepted Answer · 2017-02-01 09:53:08Z

-1

Try this: $('#Checkbox1').prop('checked', true); This is case sensitive.

answered Feb 1, 2017 at 9:53

Vajda Endre

1,5701 gold badge16 silver badges26 bronze badges

Collectives™ on Stack Overflow

Checked value not reflecting for dynamically created Checkboxes asp.net c# jquery

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related