如何運行JavaScript，然后做回發？

Question

我正在嘗試添加一個“收藏夾”按鈕。 當用戶單擊此按鈕時，必須更改圖像（使用js）。 之后，我想回發asp.net頁面？ 我該如何進行這項工作？ 我得到的沙發

aspx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            function ChangeFavStar() {
                if ($("#btnAddToFavs").attr('src') == 'starempty.jpg') {
                    $("#btnAddToFavs").attr('src') = 'staradded.jpg';
                }
                else {
                    $("#btnAddToFavs").attr('src') = 'starempty.jpg';
                }
                return true;
            }

        });

    </script>
    <style type="text/css">
        #btnAddToFavs {
            height: 79px;
            width: 121px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:ImageButton ID=btnAddToFavs runat=server 
            OnClientClick="ChangeFavStar();" ImageUrl="~/starempty.jpg"
             Height="74px" Width="109px"  />

    </div>
    </form>
</body>
</html>

CS落后代碼

 protected void btnAddToFavs_Click(object sender, ImageClickEventArgs e)
        {
            //do stuff
        }

Answer 1

將函數聲明從您擁有的更改為以下內容：

<script type="text/javascript">
    function ChangeFavStar() {
            if ($("#btnAddToFavs").attr('src') == 'starempty.jpg') {
                $("#btnAddToFavs").attr('src') = 'staradded.jpg';
            }
            else {
                $("#btnAddToFavs").attr('src') = 'starempty.jpg';
            }
            return true;
        }
</script>

Answer 2

您可以調用JavaScript函數，但是由於回發，按鈕上的更改將不會保留。 您必須通過C＃代碼更改ImageUrl屬性。

 <script type="text/javascript">
      function ChangeFavStar() {
         if ($("#btnAddToFavs").attr('src') == 'starempty.jpg') {
              $("#btnAddToFavs").attr('src') = 'staradded.jpg';
          }
          else {
              $("#btnAddToFavs").attr('src') = 'starempty.jpg';
          }
      }
    </script>

標記：

<form id="form1" runat="server">
    <div>
    <asp:ImageButton ID="btnAddToFavs" runat=server 
            OnClientClick="ChangeFavStar();" ImageUrl="~/starempty.jpg"
             Height="74px" Width="109px"  />
    </div>
</form>

Answer 3

你可以這樣 您可以從JavaScript調用服務器端點擊事件。 您可以像這樣“單擊我的回發”那樣調用此Java腳本。

<script type="text/javascript">
      function ChangeFavStar() {
         if ($("#btnAddToFavs").attr('src') == 'starempty.jpg') {
              $("#btnAddToFavs").attr('src') = 'staradded.jpg';
          }
          else {
              $("#btnAddToFavs").attr('src') = 'starempty.jpg';
          }

__doPostBack('<%=btnAddToFavs.ClientID %>', '');
      }
    </script>

如何運行JavaScript，然后做回發？

問題描述

3 個解決方案

解決方案1
0 2012-01-21 03:51:59

解決方案2
0 已采納 2012-01-21 03:52:32

解決方案3
0 2012-01-21 05:23:05

如何運行JavaScript，然后做回發？

問題描述

3 個解決方案

解決方案1 0 2012-01-21 03:51:59

解決方案2 0 已采納 2012-01-21 03:52:32

解決方案3 0 2012-01-21 05:23:05

解決方案1
0 2012-01-21 03:51:59

解決方案2
0 已采納 2012-01-21 03:52:32

解決方案3
0 2012-01-21 05:23:05