在按钮单击时使用 Javascript 清除多个 ASP 文本框

【问题标题】：Clear multiple ASP Textboxes using Javascript on Button Click在按钮单击时使用 Javascript 清除多个 ASP 文本框
【发布时间】：2015-03-11 16:32:37
【问题描述】：

我试图在单击清除按钮时清除多个 ASP 文本框的数据。我最初尝试使用一个文本框。它正在清除按钮单击时的文本框数据，但它也在调用 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>

【问题讨论】：

在您的函数中返回 false 或在 OnClientClick 声明的末尾添加 return false。

标签： javascript asp.net

【解决方案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>

还有 JS：

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

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

    return false;
}

希望对你有帮助！

【讨论】：