How to call javascript function from check box in ASP.NET?

Question

I want to call Javascript function from Check box (Only client side), i tried following way but it is not working. can any one give answer?

<asp:CheckBox ID="chkAdd" runat="server"  OnClientClick="return validation();" OnCheckedChanged="btnAddMultiple_Click" AutoPostBack="true" />

Thanks

Are you getting an error? Have you made sure that the script is included in the page properly? Dev tools will help answer these questions. — Dave Swersky
– Dave Swersky, Commented Feb 12, 2014 at 14:48
remove the AutoPostBack="true". That causes an auto postback, as the name says. — Bobby5193
– Bobby5193, Commented Feb 12, 2014 at 14:48

Win · Accepted Answer · 2014-02-12 15:11:08Z

5

You want to OnClick event if you want to call javascript function.

<asp:CheckBox ID="chkAdd" runat="server" OnClick="return validation();" 
    OnCheckedChanged="btnAddMultiple_Click" AutoPostBack="True" />
<script type="text/javascript">
    function validation() {
        if (confirm("Are you sure you want to post back?")) {
            __doPostBack('<%= chkAdd.ClientID %>', '');
        } else {
            // Optional: change back the CheckBox to original position
            return false;
        }
    }
</script>

edited Feb 12, 2014 at 15:11

answered Feb 12, 2014 at 14:55

Win

62.4k13 gold badges106 silver badges190 bronze badges

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

5 Comments

Irfan TahirKheli Over a year ago

How will it call the server side event on success?

Win Over a year ago

@IrfanTahirKheli I do not know what the OP's intention. However, when one of the server control post back to server, btnAddMultiple_Click event'll also fire if the checked is changed. You only use AutoPostBack="true" if you want to fire CheckedChanged event immediately.

Win Over a year ago

Please see my updated code which trigger the server side post back based on client side function.

Irfan TahirKheli Over a year ago

it will not call server side event if you return false from the javascript function. @Win

Win Over a year ago

@IrfanTahirKheli It is my intention. return false means user clicks on Cancel button at confirmation dialog. I agree it is kind of confusing because OP did not say what javascript function is supposed to do. I hope 1612 get the idea.

Collectives™ on Stack Overflow

How to call javascript function from check box in ASP.NET?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related