Call OnCheckedChanged event from javascript

Question

when user change the checkbox, I want first show my custom confirm dialog message. If user select yes, I want fire the code behing event processado_CheckedChanged(object sender, EventArgs e)

I tried something like:

<asp:CheckBox ID="processado" runat="server" OnCheckedChanged="javascript:confirmingChange();" AutoPostBack="true" />

And my js:

function confirmingChange() {
     $.confirm({
        'title': 'Confirm',
        'message': 'Are you sure?',
        'buttons': {
            'Yes': {
               'action': function () {
                    __doPostBack(document.getElementById('processado'), '');
               }
            },
            'No': {
                'action': function () {
                     return false;
                }
            }
        }
    });
    return false;
}

How can I fire my codebehind event using javascript? Thanks.

Adil · Accepted Answer · 2014-02-20 11:02:06Z

3

You need onchange instead of OnCheckedChanged and return true if you want postback and false otherwise.

<asp:CheckBox ID="processado" runat="server" onchange="return javascript:confirmingChange();" 
      OnCheckedChanged="ServerSideEventHandlerHere" AutoPostBack="true" />

answered Feb 20, 2014 at 11:02

Adil

148k25 gold badges217 silver badges207 bronze badges

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

3 Comments

oteal Over a year ago

I did that, and changed the function to just return false, and anyway it will always execute the codebehind event alone. At the HTML, the event onchange is in <span> element and the other event is inside the <input> (which is inside of <span>)

Adil Over a year ago

I did not get you if you can get the generated html and make a fiddle ?

Adil Over a year ago

try binding the event using javascript and tell if it is triggered jsfiddle.net/2Encd/2

Juhi · Accepted Answer · 2014-02-20 11:10:35Z

3

For calling javascript you have to use "onchange" and you have to use "return".

onchange="return javascript:confirmingChange(); "

answered Feb 20, 2014 at 11:10

Juhi

2702 silver badges17 bronze badges

1 Comment

oteal Over a year ago

I did that, and changed the function to just return false, and anyway it will always execute the codebehind event alone. At the HTML, the event onchange is in <span> element and the other event is inside the <input> (which is inside of <span>)

Collectives™ on Stack Overflow

Call OnCheckedChanged event from javascript

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related