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

Question

我正在尝试通过单击清除按钮清除多个 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>

Answer 1

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

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

希望对您有所帮助！

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

Clear multiple ASP Textboxes using Javascript on Button Click

javascript

asp.net