Question

我不知道为什么按钮点击功能没有在Javascript中触发，我错过了什么？我试过了：

aspx.page

<input type="button" id="tglBtn"  onclick="changeName(this) "    runat="server"  />

或

<input type="button" id="tglBtn" OnClientClick="changeName(this);" runat="server"  />

或

   <input type="button" id="tglBtn" OnClientClick="changeName(this);return false;" runat="server"  />

的Javascript

function changeName(obj) {
        alert("hey");
        if ($(obj).attr("Value") == "Open") {
            $(obj).val("Close");
        }
        else {
            $(obj).val("Open");
        }   
    }

Answer 1

我认为你犯了一个错误......现在试试这个...

<asp:Button id="tglBtn"  OnClientClick="return changeName()" runat="server"><asp>

Answer 2

OnClientClick适用于asp.net控件（不适用于已在服务器上应用运行的html控件）。

所以第一行只剩下了。

<input type="button" id="tglBtn"  onclick="changeName(this) "    runat="server"  />

此行已运行，但同时您进行回发，因此您可能没有时间查看javascript的结果。当然你可能有一些其他的javascript错误，如果你打开你的浏览器控制台，你可以看到javascript是否运行没有错误。

Answer 3

实际上它对我来说很好。

这是我的代码：

<script src="js/jquery.min.js" type="text/javascript"></script>

<input type="button" id="tglbtn" onclick="changeName(this)" runat="server" />

    <script type="text/javascript">
        function changeName(obj) {

            alert("hey");
            if ($(obj).attr("Value") == "Open") {
                $(obj).val("Close");
            }
            else {
                $(obj).val("Open");
            }
        }
    </script>

你有jQuery吗？如果你没有添加jQuery ..

Answer 4

使用ASP：Button代替。见下面的代码

<asp:Button runat="server" id="tglBtn" onclientclick="return changeName()" Text="submit" />
//in head section
<script language="Javascript">
   function changeName()
   {
      alert("I am in function");
      document.getElementById("tglBtn").value = "New name";
      return false;
   }
</script>

它将解决您的问题

为什么按钮不会激活javascript功能

4 个答案: