如何遍历页面上所有的HtmlInputText控件，并给它们赋空值？

protected void FindHtmlInputText(Control frmctrl)
    {
        foreach (Control parent in frmctrl.Controls)
        {
            foreach (Control child in parent.Controls)
            {
                if (child.GetType().ToString() == "System.Web.UI.HtmlControls.HtmlInputText")
                    ((HtmlInputText)child).Value = "";
                FindTextBox(parent);
            }
        }
    }
FindHtmlInputText(Page);

for(i=0;i<document.Form1.elements.length;i++)
{
var e=document.Form1.elements[i];
if((e.Type="input"))
{
.......... }
}

for(i=0;i<document.all.length;i++)
{
    if(document.all[i].tagName=="INPUT")
    {
        document.all[i].value=null;
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    function ClearAllText(){
        for(var i = 0; i < window.document.forms[0].elements.length ;i++)
        {
           var txt = window.document.forms[0].elements[i];
           if(txt)
           {
               if(txt.name == 'txt')
                  txt.value='';
           }
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input id="Text1" type="text" name="txt"/><br />
        <input id="Text2" type="text" name="txt"/><br />
        <input id="Text3" type="text" name="txt"/><br />
        <input id="Button1" type="button" value="点击我清空所有文本框" onclick="ClearAllText()"/>
    </form>
</body>
</html>这里用javaScript清空所有的文本框，是根据所有文本框的name来清空的，我把他们的name都设定为"txt"

不想用name也可以，我们往往命名都采用控件类型“缩写+有意义的名称”那么这样可以清空所有的文本框<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    function ClearAllText(){
        for(var i = 0; i < window.document.forms[0].elements.length ;i++)
        {
           var txt = window.document.forms[0].elements[i];
           if(txt)
           {
               if(txt.id.substring(0,3) == 'txt')
                  txt.value='';
           }
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input id="txt1" type="text"/><br />
        <input id="txt2" type="text"/><br />
        <input id="txt3" type="text"/><br />
        <input id="Button1" type="button" value="点击我清空所有文本框" onclick="ClearAllText()"/>
    </form>
</body>
</html>

如果连id都不想用的话，可以这样
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script type="text/javascript">
    function ClearAllText(){
        for(var i = 0; i < window.document.forms[0].elements.length ;i++)
        {
           var txt = window.document.forms[0].elements[i];
           if(txt)
           {
               if(txt.type == 'text')
                  txt.value='';
           }
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input id="txt1" type="text"/><br />
        <input id="txt2" type="text"/><br />
        <input id="txt3" type="text"/><br />
        <input id="Button1" type="button" value="点击我清空所有文本框" onclick="ClearAllText()"/>
    </form>
</body>
</html>

调试易

如何遍历页面上所有的HtmlInputText控件，并给它们赋空值？

解决方案 »