How to re-enable a button after a checkbox is ticked?

Question

I'm trying to get the the proceed button to get enabled after the checkbox has been ticked. I'm a beginner and not sure what I'm missing.

<asp:CheckBox ID="chkBoxProceed" runat="server" OnClick="chkProceed();" />

<asp:Button ID="btnProceed" runat="server" Text="<%$Resources:Strings,ACC_ProceedToApplyForAccreditation%>"
                    OnClick="btnProceed_Click" CssClass="govuk-button" disabled/>

Here's what I've tried so far/found;

function chkProceed() {
        if (document.getElementById("chkBoxProceed").checked)
            document.getElementById("btnProceed").disabled = false;
        else
            document.getElementById("btnProceed").disabled = true;
    }

And what issue you are facing with this code? You might want to use server side event handler for checkbox's checkchanged event. https://www.c-sharpcorner.com/UploadFile/f50501/oncheckedchanged-event-of-checkbox-control-in-Asp-Net/ — Chetan, Oct 28 '19 at 12:58
Nothing happens. The button stays disabled regardless of if the checkbox is ticked or not. — Cbear, Oct 28 '19 at 13:57

score 0 · Answer 1 · answered Oct 28 '19 at 13:06

0

The attribute OnClientClick can't be understood by the browser. You should use OnClick instead.

Change this code

<asp:CheckBox ID="chkBoxProceed" runat="server" OnClientClick="chkProceed();" />

To this

<asp:CheckBox ID="chkBoxProceed" runat="server" OnClick="chkProceed();" />

For more information check this answer

answered Oct 28 '19 at 13:06

Shady Mohamed Sherif

15,003
4
45
54

oops. I noticed that too. I have changed it OnClick but it still isn't working. – Cbear Oct 28 '19 at 13:55
no errors - the button remains disabled and the checkbox does nothing. – Cbear Oct 28 '19 at 15:55
can you try to remove the code inside `chkProceed` and put this `alert(document.getElementById("chkBoxProceed").checked);` so you can understand what is the status of the checkbox – Shady Mohamed Sherif Oct 28 '19 at 17:53
curious enough, nothing happens.. There should be a pop-up right? Unless I'm mistaking 'alert' for something else? – Cbear Oct 29 '19 at 09:00
are you sure you're using `OnClick` ? – Shady Mohamed Sherif Oct 29 '19 at 17:11

How to re-enable a button after a checkbox is ticked?

1 Answers1