当前位置: 首页 > 知识库问答 >
问题:

在ASP.NET中单击按钮时调用JavaScript函数

姚信鸥
2023-03-14

我正在使用ASP.NET和JavaScript创建一个计算器。当用户单击按钮时,现在正试图使它对按钮7起作用,它会调用一个javascript函数,以查看用户是否单击了clear按钮、back space按钮,或者他们是否单击了number按钮。如果它是一个数字按钮,则该函数将把数字添加到文本框中。例如,如果用户点击7然后点击8,然后点击*,然后点击1,文本框将显示:78*1。我无法使javascript函数工作。我目前只是试图获得它,所以当按钮7被点击,它将7添加到文本框。下面是我的代码:

   <script>
   var maxInputLength = 20;

  function checkButtonClick(clickedValue)
  {
      var buttonValue = clickedValue.value;
      var inputStr = document.getElementById('inputBox').value;

      if (buttonValue == 'C')
      {
          document.getElementById('inputBox').value = "";
      }
      else
      {
          if (inputStr.length < maxLength)
          {
              var num = 6;
              document.getElementById('inputBox').value = inputStr + buttonValue + num;
          }
          else
          {
              //document.getElementById('msg').innerHTML = "Maxmum length is " + maxInputLength;
          }
      }
      return false;
  }
  document.getElementById('inputBox').readOnly = true;
  </script>
  </head>

  <body>
     <form id="form1" runat="server">
      <div>
        <div id="main" class="main">
          <div id="content" class="content">
            <h3 id="h3">Simple Calculator</h3>
                <div id="calculatorDiv">
                    <table cellpadding="0" cellspacing="0">
                    <tr>
                        <td colspan="4">
                           <asp:TextBox runat="server" CssClass="inputBox" disabled="disabled" ID="inputBox"></asp:TextBox>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="4">
                            <br />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <asp:Button ID="ButtonNum7" runat="server" Text="7" CssClass="CalcButtons" OnClientClick="return checkButtonClick(7)" />
                        </td>

共有1个答案

宰父衡
2023-03-14

好的,所以我开始写很多评论,我想我会在一个答案中总结一下。

你的代码里有几件事我听不懂。您的maxLengtleng未定义。此外,您应该直接从函数中取值,而不是使用.value,如下所示:

function checkButtonClick(clickedValue)
{
      var buttonValue = clickedValue;
      // rest of code
}

请参阅小提琴演示这里的演示。

 类似资料:
  • 我试图从JavaFX WebView中调用JavaScript函数来处理JavaFX按钮单击事件。 我正在使用以下代码,但它不起作用:

  • 问题内容: 我正在尝试编写Django应用程序,而我却被困在单击按钮时如何调用视图函数。 在我的模板中,我有一个如下所示的链接按钮,单击该按钮会将您带到另一个网页: 单击按钮时,我还想调用Django视图函数(以及重定向到目标网站)。查看功能使数据库中的值增加,该值存储了单击按钮的次数。 该是到外部网站(如链接 www.google.com )。现在,单击该按钮时,它将打开一个新窗口,该窗口将您带

  • 问题内容: 我创建了一个名为functioncalling.php的页面,其中包含两个按钮 Submit 和 Insert 。作为PHP的初学者,我想测试单击按钮时执行的功能。我希望输出出现在同一页面上。因此,我创建了两个功能,每个按钮一个。functioncalling.php的源代码如下: 这里的问题是单击任何按钮后都没有输出。 我到底哪里出问题了? 问题答案: 是的,您在这里需要Ajax。请

  • 我试图用按钮点击刷新一个div,但一定是出了什么问题。我也在使用ASP.NET和jquery。如果你们能帮我那就太棒了 这里有完整的代码

  • 我已经做了我的代码。但是当用户输入时,它正在调用服务器端的2 button事件。我只想调用一个事件。 我有三个ASP.NET按钮, 注 我已经为btnSaveFile定义了click函数,下面是代码 下面的代码用于调用上面的函数。 键控功能工作正常。但同时,当我按下enter键时,它也在调用服务器端代码。它不应调用。它应该在服务器端调用 怀疑 我总共有3个服务器端按钮,但它只调用了2个为什么?(只

  • 问题内容: 在有人对我进行抨击或将其标记下来之前,我已经遍及整个互联网,以查找如何执行此操作(包括关于stackoverflow的相同问题)。我是新手,而且我发现很难学习新概念,所以请对我轻松一点。 我想做的是单击按钮时调用php脚本/函数。如果有帮助,我可以在WAMP中运行它。这是我的代码: the_script.php中包含以下内容: 为什么这不起作用?我听说按钮是客户端等,而PHP是服务器端