Question

我正在使用ASP.NET和JavaScript创建一个计算器。当用户点击按钮时，现在正试图使其适用于按钮7，它调用javascript函数以查看用户是否单击了清除按钮，后退空格按钮，或者他们是否单击了数字按钮。如果是数字按钮，则该功能假设将数字添加到文本框中。例如，如果用户单击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>

Answer 1

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

您的代码中的一些内容并没有为我提供帮助。您的maxLength未定义。此外，您应该直接从函数中获取值，而不是使用.Value，如下所示：

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

请参阅Fiddle Demo Here进行演示。

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

1 个答案: