How to enable and disable checkbox in server to client side ?

Question

1.00/5 (1 vote)

See more:

Hai
How to enable and disable checkbox from server server side and client side.

i want to disable check boxex when page laod after if i click but from form it will enable check box.my problem is ,in design time and page load event i write a code like

VB

chkPPT.Enabled = False

and when button click even i write code for enable check box like

JavaScript

var chkPdf = document.getElementById('<%=chkPdf.ClientID%>');
            chkPdf.disabled = false;  or document.getElementById("ctl00_ContentPlaceHolder1_chkPdf").disabled = false;

but not work.

what problem when disable from server side and try to enable in java script not work,but second time it will disable from client side and can enable in client side.

Note : no span tag between check boxs

Pls reply me asap

Actually i want disable three check boxes from page load event and need to enable from client side in button onclient click event(java script).

Reagards
Aravind

Posted 11-Sep-13 22:49pm

Aravindba

Updated 11-Sep-13 23:03pm

v2

Add a Solution

Comments

Thanks7872 12-Sep-13 4:53am

First decide what you want to do. Secondly,decide whether you want it from client side or server side. Third, what are the criteria to enable/disable checkbox,i mean on page_load or some event. Define all the things clearly in order to make some one able to understand the problem.

Aravindba 12-Sep-13 5:04am

thank for ur reply
Actually i want disable three check boxes from page load event and need to enable from client side in button onclient click event(java script).

2 solutions

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)

Thanks7872 · Answer 1 · 2013-09-11T23:10:00

Solution 1

Enable using JavaScript (Source: http://forums.asp.net/t/1260908.aspx[^] ):

C#

<asp:CheckBox runat="server" ID="CheckBox1"></asp:CheckBox>
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="ChkEnabled(); return false;" />

XML

<script language="javascript" type="text/javascript">
  function ChkEnabled(){
        var a = document.getElementById('<%=CheckBox1.ClientID %>');
         a.removeAttribute('disabled');
        a.parentNode.removeAttribute('disabled');
    }
</script>

To disable in Page_Load:

CheckBox1.Enabled = false;

Regards..:)

Posted 11-Sep-13 23:10pm

Thanks7872

Updated 11-Sep-13 23:43pm

v5

Comments

Aravindba 12-Sep-13 5:17am

How to give disabled in server side ,it will show error like "'disabled' is not a member of 'System.Web.UI.WebControls.CheckBox'."

Thanks7872 12-Sep-13 5:24am

Refer updated answer.

Aravindba 12-Sep-13 5:32am

check boxes only not work,if i try in button it will work ,like disable in design time and from java script i can enable button.

Aravindba 12-Sep-13 5:28am

your code works when enable and disable in client side,but my need page load i need to disable check box and enable from client side.
if u disable from server side page load or in design time(Enabled="False") it always disable can't enable from client side.
And this problem appear only in ie8,9 .but in chrome and mozila it works fine.did u check in ie 8 or 9 ?

Thanks7872 12-Sep-13 5:33am

Try the updated code now. I tested and working fine.

Aravindba 12-Sep-13 5:36am

did u try in ie8 or 9 ? pls reply me it work or not ?

Thanks7872 12-Sep-13 5:43am

Try now. Tested in ie also. It will work now.

Aravindba 12-Sep-13 6:05am

Thank for spend time from me.i will handle this problem in another way

Thanks7872 12-Sep-13 6:07am

I have tested it and working in every browser.Internet Explorer 7/8/9,Firefox,Google chrome. Try to find out other issues. This is 100% working.

Aravindba 12-Sep-13 6:13am

can u explain me why u use a.parentNode.removeAttribute('disabled'); ?

why parentnode ?

yes it will work in ie also ,thanx a lot....

Thanks7872 12-Sep-13 6:15am

If in your code,there is any element before checkbox(like span) than it will enable it also. If it remain disabled,than enabling checkbox only won't work.

Aravindba · Answer 2 · 2013-09-12T00:09:00

Hai all
if i disable check boxes form server side or in design time, i cant enable check boxes from client side using javascript,this problem appear only in IE version,but chrome and mozila it works fine.

for this i call a one function at page load in client side and disable check boxes after i can enable check boxes from javascript . and my code is