Enable\Disable button when checkbox is clicked using asp.net c#

Question

0.00/5 (No votes)

See more:

XML

<script type="text/javascript">

            function disableApprove(form) {
                if (form.chkApproved.checked) {
                    form.imgs.disabled = false;
                }else{
                    form.imgs.disabled = true;
                }
            }
  </script>

C#

<asp:ImageButton ID="imgs" runat="server" ImageUrl="images/-trash.png" OnClick="imgs_Click" Width="40px" Height="40px"   />

  <table><tbody><tr><td><asp:CheckBox ID="item_check" runat="server" OnCheckedChanged="item_check_CheckedChanged" Checked="true" /></td></tr></tbody></table>

Posted 2-Dec-14 20:15pm

Member 10918596

Updated 2-Dec-14 20:42pm

/\jmot

v2

Add a Solution

Comments

Deepu S Nair 3-Dec-14 2:19am

hey,What is your question about?

Member 10918596 3-Dec-14 2:29am

my code not working

3 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 · 2014-12-02T20:34:00

Jquery code:

XML

<script type="text/javascript">
        $(document).ready(function () {
            $("#item_check").click(function () {
                if ($(this).is(":checked"))
                    $("#imgs").attr("disabled", false);
                else
                    $("#imgs").attr("disabled", true);
            });
        });
</script>

Markup:

XML

<asp:ImageButton ID="imgs" runat="server" ImageUrl="images/-trash.png"  Width="40px" Height="40px" clientidmode="static" />

<asp:CheckBox ID="item_check" runat="server"  clientidmode="static" />

Regards...

Karthik_Mahalingam · Answer 2 · 2014-12-02T21:34:00

try this

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">

        function disableApprove(chk) {
            var imgs = document.getElementById('imgs');
            if (chk.checked)
                imgs.disabled = false;
            else
                imgs.disabled = true;

        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:ImageButton ID="imgs" runat="server" ImageUrl="images/-trash.png" OnClick="imgs_Click"
            Width="40px" Height="40px" />
        <table>
            <tbody>
                <tr>
                    <td>
                        <asp:CheckBox ID="item_check" runat="server" onclick="  disableApprove(this); " />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    </form>
</body>
</html>

Praveen Kumar Upadhyay · Answer 3 · 2014-12-02T20:25:00

Solution 1

Set AutoPostBack="True" with your CheckBox control.

XML

<asp:ImageButton ID="imgs" runat="server" ImageUrl="images/-trash.png" OnClick="imgs_Click" Width="40px" Height="40px" />

<asp:CheckBox ID="item_check" runat="server" OnCheckedChanged="item_check_CheckedChanged" AutoPostBack="True" />

C#

protected void item_check_CheckedChanged(object sender, EventArgs e)
       {
           if (item_check.Checked)
               imgs.Enabled = true;
           else
               imgs.Enabled = false;
       }

Do the same check on Page Load

C#

protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                if (item_check.Checked)
                    imgs.Enabled = true;
                else
                    imgs.Enabled = false;
            }
        }

Posted 2-Dec-14 20:25pm

Praveen Kumar Upadhyay

Updated 2-Dec-14 22:45pm

v4

Comments

Thanks7872 3-Dec-14 2:27am

Why?

Member 10918596 3-Dec-14 2:29am

my code is not working properly

Member 10918596 3-Dec-14 2:29am

give example

Praveen Kumar Upadhyay 3-Dec-14 2:32am

Javascript which you have posted has no link with your question. What you can do is, you can handle it in code behind. So to work checkbox Checked event to work as expected we need to allow AutoPostBack=true

Thanks7872 3-Dec-14 2:34am

No. Why code behind when you can easily handle it on client side? See the solution i have posted.

Praveen Kumar Upadhyay 3-Dec-14 2:42am

just want to know why my points are decreased

Member 10918596 3-Dec-14 4:26am

first, when i load page image visible...

Praveen Kumar Upadhyay 3-Dec-14 4:42am

See now and accept the solution if it is Ok to you.

Praveen Kumar Upadhyay 3-Dec-14 4:46am

Remove Checked=true, So button will not enabled on Page load.

Enable\Disable button when checkbox is clicked using asp.net c#

3 solutions

Solution 2

Solution 3

Solution 1

Add your solution here

Preview 0