如何使用jquery在c#中的代码隐藏中获取单击事件

您好，请检查我想在代码隐藏中获取单击事件，因为我使用母版页概念，我在该页面中有一个子表单我有ContentPlaceHolder，我的按钮“btnSubmit”这是GridView下的链接按钮。当我点击btnSubmit按钮时，我想加载图像。请检查并帮助

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
function ShowProgress() {
    setTimeout(function () {
        var modal = $('<div />');
        modal.addClass("modal");
        $('body').append(modal);
        var loading = $(".loading");
        loading.show();
        var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
        var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
        loading.css({ top: top, left: left });
    }, 200);
}
$('form').live("submit", function () {
    ShowProgress();
});

这样试试

脚本作为

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ShowProgress() {
        setTimeout(function () {
            var modal = $('<div />');
            modal.addClass("modal");
            $('body').append(modal);
            var loading = $(".loading");
            loading.show();
            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
            loading.css({ top: top, left: left });
        }, 200);
    }
    $('form').live("submit", function () {
        ShowProgress();
    });
</script>

---

使用按钮的OnClientClick事件也可以在此事件中调用javascript函数，该函数将进度条的css更改为可见

OnClientClick="ShowProgress();return true;"

---

只需确保您使用的提交按钮的id正确，因为id是用contentplaceholder id呈现的。在浏览器中检查id并使用它。您好，Hiral很好，我想要的正是这个。。。告诉我更多的事情，如果我们有两个按钮，我想用相同的js代码在两个按钮中加载img，这可能吗？@AshwaniGusain yaa这是可能的，但有一件事，如果它不要求调用函数来编写代码，只需在客户端的按钮上设置，单击OnClientClick=“ShowProgress（）；返回true；”@AshwaniGusain您可以像@AshwaniGusain这样调用函数，但如果您使用这种方式，则不要求在CS pageHiral中添加代码。它不起作用。yaar您的第一个函数工作得很好。。告诉我，如果我想要两个按钮点击相同。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    function ShowProgress() {
        setTimeout(function () {
            var modal = $('<div />');
            modal.addClass("modal");
            $('body').append(modal);
            var loading = $(".loading");
            loading.show();
            var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
            var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
            loading.css({ top: top, left: left });
        }, 200);
    }
    $('form').live("submit", function () {
        ShowProgress();
    });
</script>

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
 onrowdatabound="GridView1_RowDataBound">

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
    if(e.Row.RowType == DataControlRowType.DataRow)
    {    
         Button btnSubmit = e.Row.FindControl("btnSubmit") as Button;
         btnSubmit.Attributes.Add("OnClick", "ShowProgress();");
    }
}

OnClientClick="ShowProgress();return true;"