Control looses value set in javascript function on server side event

Question

1.33/5 (3 votes)

See more:

In javascript function I checking checkbox and setting value to label after satisfication of perticular condition.But in serverside event I am getting checkbox1.checked = false and text of label is default text of that label, not modified one.Why this is happening?How to handle that?

What I have tried:

I made checkbox1.checked== true in javascript

Posted 9-Jun-16 2:31am

Member 11589429

Updated 9-Jun-16 23:32pm

Add a Solution

Comments

ZurdoDev 9-Jun-16 9:31am

Click improve question and show all relevant code.

Sergey Alexandrovich Kryukov 9-Jun-16 11:14am

It tells me that you need to learn what Web does and the life cycle of the Web page. Probably, your page does postback, and nothing tells it the changed states of the controls. After postback, everything is rendered from scratch. You are the one who is supposed to take care of that. There are different ways to do that, including one purely client-side way agnostic to the server side. I'm not sure you can use help immediately; I would advise you to learn general principles of Web operation first.
—SA

Zafar Sultan 10-Jun-16 6:52am

He needs "answer" not your advice :D:D:D

Member 11589429 10-Jun-16 0:49am

Thanks Sergey Alexandrovich Kryukov for ur advice.I know postback happen.Actually I was expecting answer not theory part.By the way I handled it using hidden field.It is always better to answer question if u know instead of diverting mind.

Zafar Sultan 10-Jun-16 6:50am

He is right. It is up to you to take care of maintaining state of your controls on your page. We can not read your complete code remotely. It looks like there is a postback which refreshes the page and due t which your controls are rendering again. This is the normal way a web page behaves. What is it that diverts your mind? Why this rudeness? Just because you have been pointed in the right direction? This is surely not a sign of a good programmer. Always looking for answers provided by others is not an option. You will only get direction. Rest is up to you. And by the way checkbox1.checked== true is not assignment and by any chance(which is impossible) it becomes in a century or two, it has nothing to do with server side code.

Sergey Alexandrovich Kryukov 10-Jun-16 12:47pm

Thank you for this explanation, it is very good.

I actually meant to write some alternative, more modern and universal approach: pure client-side, preserving the state using Web storage, more exactly, sessionStorage object. The benefit of this approach is: it works even if there is no server-side at all, just the page is reloaded, or different page is loaded, for whatever reason. But you probably understand: without the intent to understand "theory" (which I would not call "theory", just the fundamentals of Web operations), the "solution" could be a waste of time. So, I'm still not sure if if worth posting an answer.

—SA

Member 11589429 14-Jun-16 3:31am

Hi Zafar Sultan,thanks for ur advice.According to my knowledge it is portal where person can ask question.If person is able to do,will not ask here.If u don't understand need a code,better not reply like this.

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)

SRS(The Coder) · Answer 1 · 2016-06-09T23:32:00

Here is the implementation i tried with the scenario:-

ASP.NET

<p>
        <asp:checkbox id="chkTest" runat="server" clientidmode="Static" xmlns:asp="#unknown" />
        <asp:label id="lblTest" runat="server" text="Label" clientidmode="Static" xmlns:asp="#unknown"></asp:label>
    </p>
    <p>
        <asp:button id="btnTest" runat="server" text="Button" onclick="btnTest_Click" xmlns:asp="#unknown" />
    </p>

Javascript Code:-

JavaScript

<script type="text/javascript">
        $(function () {
            document.getElementById('chkTest').checked = true;
            $('#lblTest').text('Smruti');
        });
    </script>

On ServerSide button click:-

C#

protected void btnTest_Click(object sender, EventArgs e)
        {
            bool val = chkTest.Checked;
        }

I think the property value

HTML

ClientIDMode="Static"

is the thing which you have to take care.

Please let me know if this is helpful or please share your code and we will analyse to get the things done.