asp按钮调用javascript函数

时间:2014-08-21 16:26:09

标签: c# javascript asp.net aspbutton modal-popup

我是asp.net的新开发者,现在我在如何在asp.net中调用java脚本函数的问题上遇到了问题。 (我缺少java脚本)

我有一个java脚本代码,它会显示像这样的确认模式弹出窗口

$('#modals-bootbox-confirm').click(function()
{
    bootbox.confirm("Are you sure?", function(result) 
    {
        $.gritter.add({
            title: 'Callback!',
            text: "BootBox Confirm Callback with result: " + result
        });
    });
});

我知道这个脚本绑定到id为“modals-bootbox-confirm”的项目,如

<input type="button" id="modals-bootbox-confirm" name="Hello"/>

但在asp中,按钮将以type = "submit"初始化,因此无法调用此按钮,因为单击按钮后它将一直回发,以便如何在asp.net中使用此脚本

我试图将脚本中的id更改为asp的id,但它不起作用。如何从这种模态控制中获得结果?请帮忙。

我知道asp有onClientClick但是如何将这个脚本应用到它?

3 个答案:

答案 0 :(得分:0)

这很容易,

就这样做

<asp:Button Id="aa" runat="server" onClientClick="function1();"/>

// Javascript将其转换为函数:

<script>

    function1()

    {
    bootbox.confirm("Are you sure?", function(result) 
        {
            $.gritter.add({
                title: 'Callback!',
                text: "BootBox Confirm Callback with result: "+ result
            });
        });


    }

    </script>

答案 1 :(得分:0)

这是如何使用OnClientClick:

<asp:Button OnClientClick="doSomething()" runat="server" />

来源:http://www.w3schools.com/aspnet/prop_webcontrol_button_onclientclick.asp

答案 2 :(得分:0)

非常简短:

<asp:Button ID="Button1" runat="server" OnClientClick='return confirm("Are You Sure?")' />