【问题标题】:how to automatically click a html button when asp.net button is clicked单击asp.net按钮时如何自动单击html按钮
【发布时间】:2013-12-05 11:33:37
【问题描述】:

点击asp.net按钮时如何自动点击html按钮。我希望当我单击 btn 时,会自动单击作为 html 按钮的 Button1 并执行任务……这意味着通过按下一个按钮,它在内部可用于两个按钮

【问题讨论】:

    标签: c# javascript jquery asp.net


    【解决方案1】:

    在 ASPX 页面的标记中(在按钮上)附加 onclick 事件:

    onclick="#('elementName').click();"
    

    现在,如果您不希望在 ASP.NET 按钮上进行回发,请执行以下操作:

    onclick="#('elementName').click(); return false;"
    

    【讨论】:

      【解决方案2】:

      在 asp 按钮中,添加 OnClientClick 事件以调用 javascript 函数,然后从内部触发第二个按钮单击。

      <asp:Button Text="Server Button" runat="server" OnClientClick="js_function();"/>
      <input type="button" id="inpbutton" value="Client Button"/>
      
      function js_function()
      {
          $("#inpbutton").trigger("click");
      }
      

      【讨论】:

        【解决方案3】:

        应该这样做。使用页面中的选择器更新选择器

        <script>
            $('#<%=ASPBUTTON.ClientID %>').click(function(event)
            {
                $('OTHER BUTTON ELEMENT SELECTOR').click();
                event.preventDefault();
                return false;
            });
        </script>
        

        【讨论】:

          【解决方案4】:

          您可以通过两种方式做到这一点。

          首先使用两个按钮的通用类名

          <button name='cmd1' class='cmd' >button 1</button>
           <button name='cmd2' class='cmd' >button 2</button>
          

          jQuery

          //common click event for both button
          $('.cmd').bind('click', function(){
            ...
            ...
          });
          

          对于第二种方法,您可以为两个按钮创建两个单独的 onclick 函数,当按钮在该函数调用目标函数内获得点击(源)时,像这样

          <button name='cmd1' onclick='first_function()' >button 1</button>
          <button name='cmd2' onclick='second_function()' >button 2</button>
          

          Javascript

          function first_function(){
               // call second function
               second_function();
               ...
               ...
              }
          

          【讨论】:

            猜你喜欢
            • 2011-06-16
            • 2018-09-24
            • 1970-01-01
            • 2013-02-04
            • 2013-07-23
            • 2015-06-01
            • 1970-01-01
            • 1970-01-01
            相关资源
            最近更新 更多