jsp页面中一个按钮清空所有输入框内容
展开全部
<html>
<head>
<title>Test Clear Div's Input </title>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function clearDiv()
{
var nodes = $('div1').childNodes;
for(var i = 0 ; i < nodes.length ; i++)
{
if(nodes[i].type == 'text')
{
nodes[i].value = '';
}
}
}
</script>
</head>
<body>
<div id="div1">
<input type="button" value="btn1">
<input type="text" id="text1" value="text1">
<input type="button" value="btn2">
<input type="text" id="text2" value="text2">
<input type="text" id="text3" value="text3">
<input type="text" id="text4" value="text4">
<input type="text" id="text5" value="text5">
<input type="text" id="text6" value="text6">
</div>
<br/>
<input type="button" value="clear" onclick="clearDiv()">
<div id="showObject">
</div>
</body>
</html>
<head>
<title>Test Clear Div's Input </title>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function clearDiv()
{
var nodes = $('div1').childNodes;
for(var i = 0 ; i < nodes.length ; i++)
{
if(nodes[i].type == 'text')
{
nodes[i].value = '';
}
}
}
</script>
</head>
<body>
<div id="div1">
<input type="button" value="btn1">
<input type="text" id="text1" value="text1">
<input type="button" value="btn2">
<input type="text" id="text2" value="text2">
<input type="text" id="text3" value="text3">
<input type="text" id="text4" value="text4">
<input type="text" id="text5" value="text5">
<input type="text" id="text6" value="text6">
</div>
<br/>
<input type="button" value="clear" onclick="clearDiv()">
<div id="showObject">
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementByType()获取所有的文本框
追问
type不一样的情况该如何处理？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
