在按鈕上使用Javascript清除多個ASP文本框點擊

我試圖清除多個ASP文本框上的數據點擊清除按鈕。我最初嘗試使用一個文本框。它正在清除按鈕單擊上的文本框數據，但它也調用了方法Page_Load方法。我想要清除文本框，而不呼叫Page_Load方法。在按鈕上使用Javascript清除多個ASP文本框點擊

下面是代碼，我想：

<body> 
    <form id="form1" runat="server"> 
       <script type="text/javascript"> 
        function Clear() { 
         document.getElementById("<%=txt.ClientID %>").value = ""; 
       return true; 
      } 
    </script> 
    <div> 

     <asp:TextBox ID="txt" runat="server"></asp:TextBox> 
     <asp:Button ID="btn" runat="server" Text="click" OnClientClick="return Clear();" />  
    </div> 
    </form> 
</body>

來源

2015-01-13 Coding man

在你的函數中返回false或者在你的OnClientClick聲明的結尾添加返回false。 – Namrehs

您可以通過更改函數的返回避免頁面加載：

function Clear() { 
    document.getElementById("<%=txt.ClientID %>").value = ""; 
    return false; 
}

你也可以使用類來清除多個文本框，像這樣的：

<asp:TextBox ID="txt1" runat="server" CssClass="txts"></asp:TextBox> 
<asp:TextBox ID="txt2" runat="server" CssClass="txts"></asp:TextBox> 
<asp:TextBox ID="txt3" runat="server" CssClass="txts"></asp:TextBox> 
<asp:TextBox ID="txt4" runat="server" CssClass="txts"></asp:TextBox>

而且JS：

function Clear() { 
    var txts = document.getElementsByClassName('txts'); 

    for (var i = 0; i < txts.length; i++) 
     txts[i].value = ''; 

    return false; 
}

希望它有幫助！

來源

2015-01-13 16:47:53

在按鈕上使用Javascript清除多個ASP文本框點擊

回答

相關問題