使用Javascript在按钮上单击清除多个ASP Textboxes

Question

我试图在单击清除按钮上清除多个ASP.NET Textboxes的数据。一开始我试着用一个文本框。它正在按一下按钮清除文本框数据，但也调用了Page_Load方法。我想在不调用Page_Load方法的情况下清除文本框。

这是密码，我试过：

<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>

Answer 1

可以通过更改函数的返回来避免页面加载：

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>

联合来文：

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

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

    return false;
}

希望能帮上忙！