Enable CheckBoxList using CheckBox? - ASP.NET

Question

I am having trouble with my code, I was able to implement it using code behind but it was not good as I have sliding panel (using jQuery) which were interfered with on post back.

The CheckBoxList is disabled by default with no auto postback.

I want the CheckBoxList to become enables if the CheckBox is checked.

Currently, I have this code:

$("#BizAppsCheckBox").click(function () {
        if (this.checked)
            $('#BizAppsCheckBoxList').removeAttr('disabled');
        else
            $('#BizAppsCheckBoxList').attr('disabled', 'disabled');
    });

How can I fix this issue?

Best working solution for me, thanks to the answers:

$(document).ready(function () {    
if ($("#BizAppsCheckBox").prop('checked') == false) {
                $('#BizAppsCheckBoxList *').prop('disabled', true);
            }
            else {
                $('#BizAppsCheckBoxList *').prop('disabled', false);
            }

$("#BizAppsCheckBox").click(function () {
                if (this.checked)
                    $('#BizAppsCheckBoxList *').prop('disabled', false);
                else
                    $('#BizAppsCheckBoxList *').prop('disabled', true) &
                $('#BizAppsCheckBoxList *').prop('checked', false);
            });
});

I tried all the solution but none are working for me..

Singh
– Singh

2013-08-20 14:42:45 +00:00
Commented Aug 20, 2013 at 14:42 — Singh
– Singh, Commented Aug 20, 2013 at 14:42
How are you disabling the CheckBoxList to begin with?

Lucky Pierre
– Lucky Pierre

2013-08-20 17:28:23 +00:00
Commented Aug 20, 2013 at 17:28 — Lucky Pierre
– Lucky Pierre, Commented Aug 20, 2013 at 17:28

Royi Namir · Accepted Answer · 2013-08-20 17:04:19Z

2

Try this :

You should use the ClientID cuz asp.net does provide different ID ( when under container)

$("#<%=BizAppsCheckBox.ClientID%> ").click(function () {
                if (this.checked)
                    $('#<%=BizAppsCheckBoxList.ClientID%>').prop('disabled',false);
                else
                    $('#<%=BizAppsCheckBoxList.ClientID%>').prop('disabled', true);
            });

edit

 $("#<%=BizAppsCheckBox.ClientID%>").click(function () {
                if (this.checked)
                    $('#<%=BizAppsCheckBoxList.ClientID%> *').prop('disabled', false);
                else
                    $('#<%=BizAppsCheckBoxList.ClientID%> *').prop('disabled', true);
            });

edited Aug 20, 2013 at 17:04

answered Aug 20, 2013 at 14:33

Royi Namir

149k145 gold badges502 silver badges833 bronze badges

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

2 Comments

Singh Over a year ago

please have a look above

Singh Over a year ago

thanks, your code works really good now but i still have one problem - when the page first loads the checkboxlist is enabled, if i do set it to "enabled=false". That messes up with the search results by not including the items clicked in the checkbox list. Can you help me with that please?

Adil · Accepted Answer · 2013-08-20 14:48:08Z

1

Use prop instead of attr, if ClientIDMode is not static then use ClientID of server controls

$("#<%= BizAppsCheckBox.ClientID %>").click(function () {
      if (this.checked)
           $('#<%= BizAppsCheckBoxList.ClientID %>').prop('disabled', true);
      else
           $('#<%= BizAppsCheckBoxList.ClientID %>').prop('disabled', false);
});

edited Aug 20, 2013 at 14:48

answered Aug 20, 2013 at 14:33

Adil

148k25 gold badges217 silver badges207 bronze badges

1 Comment

Adil Over a year ago

What is not working, can you please explain? do you get click event?

Tushar Gupta - curioustushar · Accepted Answer · 2013-08-20 14:59:06Z

1

this will do the trick

$("#<%=BizAppsCheckBox.ClientID%>").click(function () {       
       $('#<%=BizAppsCheckBoxList.ClientID%>').prop('disabled',!this.checked);
});

or

$("#BizAppsCheckBox").click(function () {
         $('#BizAppsCheckBoxList').prop('disabled', !this.checked);
});

try using .on()

$("document").on("click","#<%=BizAppsCheckBox.ClientID%>",function(){
         $('#<%=BizAppsCheckBoxList.ClientID%>').prop('disabled',!this.checked);
});

edited Aug 20, 2013 at 14:59

answered Aug 20, 2013 at 14:34

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

Collectives™ on Stack Overflow

Enable CheckBoxList using CheckBox? - ASP.NET

3 Answers 3

edit

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

edit

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related