Enabling disabled CheckBoxList in javascript - checked items not recognized after postback

Question

I have a CheckBoxList which can load as disabled, but might need to become enabled after some client side actions.

I am able to enable the checkboxes using jQuery, but the problem is that after submitting the page, the selected items in the ChceckBoxList are not recognized (probably because the control is not in the ViewState).

A simple example for the scenario:

<asp:CheckBoxList ID="chkList1" runat="server" Enabled="false" ClientIDMode="Static">
       <asp:ListItem Value="123" />
       <asp:ListItem Value="456" />
       <asp:ListItem Value="789" />
</asp:CheckBoxList>

$(document).ready(function()
{
    $("#divEnable").click(function()
    {
        var inputs = $("#chkList1").find("input");
        for (var i = 0; i < inputs.length; i++)
        {
            inputs[i].disabled = false;
        }
    });
}

And then after enabling the checkboxes, selecting them and sending a postback - no selected items are recognized.

I tried disabling the items "manually", as in

chkList1.Items[0].Attributes.Add("disabled", "disabled");

But that did not work (the disabled attribute was attached to the containing span instead of the input control).

I also considered using hidden fields to keep track of the checkbox selections, but since I have multiple CheckBoxLists in a grid, that would be very inelegant.

Is there any way around this?

You should show the HTML that is generated and ends up in the browser, not the ASP that creates it. — RobG
– RobG, Commented May 16, 2012 at 10:53
It's just a table where each row contains a checkbox input and a corresponding label within a span. When Enabled="False", the inputs have disabled="disabled". — Amit
– Amit, Commented May 16, 2012 at 10:56

Community · Accepted Answer · 2017-05-23 12:29:35Z

1

try this:

$(document).ready(function()
{
    $("#divEnable").click(function()
    {
        var inputs = $("#chkList1").find("input")
            .each(function(){
                            //if($(this).is(":disabled"))
                            //{
                               $(this).prop("disabled",true);
                            //}
                          });      
});

Ref:
jQuery asp control .prop(“disabled”, “”) not enabling check box in IE 9
Unable to handle disable check box

edited May 23, 2017 at 12:29

CommunityBot

11 silver badge

answered May 16, 2012 at 11:04

Niranjan Singh

18.3k2 gold badges45 silver badges76 bronze badges

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

1 Comment

Amit Over a year ago

I think it should be $(this).prop("disabled",false). Anyway, my problem is not enabling the checkboxes (they're clickable after my click event executes), but the fact that the selected items are not recognized in the server side after a postback. I'll edit the question to make it clearer.

mehmood · Accepted Answer · 2012-05-16 11:14:12Z

0

You can use this

  for (i = 0; i < document.forms[0].length; i++)
   {
      e = document.forms[0].elements[i];
      if (e.id.indexOf("chklist") != -1)
      {
           e.disabled = false;
      }
  }

answered May 16, 2012 at 11:14

mehmood

2,6103 gold badges17 silver badges9 bronze badges

Comments

user2207612 · Accepted Answer · 2015-09-15 13:52:21Z

0

I had the same issue. The way I fixed this was to enable the checkboxlist to start, then on load of the page, disable using script. That way the controls got into the viewstate, but were still disabled to start.

    var checkBoxListToChange = document.getElementById('');
    var checkboxes = checkBoxListToChange.getElementsByTagName("input");
    for (var x = 0; x < checkboxes.length; x++) {
        checkboxes[x].disabled = true;
    }

answered Sep 15, 2015 at 13:52

user2207612

31 bronze badge

Collectives™ on Stack Overflow

Enabling disabled CheckBoxList in javascript - checked items not recognized after postback

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related