一次清空多个TextBox

最新推荐文章于 2021-06-19 22:22:42 发布

星海里的小帆船

最新推荐文章于 2021-06-19 22:22:42 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： ASP.NET C# 文章标签： textbox object javascript 服务器 function input

本文链接：https://blog.youkuaiyun.com/zjclugger/article/details/1900526

ASP.NET C# 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了两种清空ASP.NET中TextBox的方法：一是通过服务器事件递归遍历并清空所有TextBox；二是使用JavaScript遍历表单元素并清空type为text的输入框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种方法：[通过服务器事件]

方法实现：

    //在后台代码实现中,如果遇到容器则需要递归调用,
    //这就是为什么上面的代码中会有 foreach 循环中再次调用自己的原因.
    public void ClearTextBox(Control c)
    {
        if (c.Controls != null)
        {

            foreach (Control x in c.Controls)
            {
                if (x is TextBox)
                {
                    ((TextBox)x).Text = "";
                }
                arry.Add(x.ToString());
                FindButton(x);
            }
        }
    }

方法调用：

     protected void btnClear_Click(object sender, EventArgs e)
    {
        ClearTextBox(this);
    }

第二种方法：[JavaScript方法]

        //将TextBox的TextMode设置成TextMode="MultiLine"时，生成的html标记TextBox为Textarea标签而非type为text的input标签，
        //所以这个时候 TextBox的数据无法清除
        function ClearTextBox()
        {
            for (i = 0; i < window.document.forms[0].elements.length; i++)
            {
                if (window.document.forms[0].elements[i].type == "text")
                {
                    window.document.forms[0].elements[i].value = "";
                }
            }
        }

给服务器按钮添加onclick事件；

    protected void Page_Load(object sender, EventArgs e)
    {
        btnClear.Attributes.Add("onclick", "ClearTextBox();");
    }