jsp name属性相同的一组输入框input，输入其中一个值，其余值跟随改变事件监听代码

最新推荐文章于 2026-08-21 20:03:01 发布

原创最新推荐文章于 2026-08-21 20:03:01 发布 · 2.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

网页前端技术

当前文章被收录于：

网页前端技术

16 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文提供了一个简单的HTML代码示例，包含多个文本输入框，通过JavaScript实现输入内容同步更新。

复制以下代码命名为.html文件。双击即可运行。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">	
window.onload=function (){		
var str=document.getElementsByName("text");		 
for(i=0;i<str.length;i++){			 	
str.item(i).onkeyup=function (){					
var s=this.value;					
for(i=0;i<str.length;i++){						
str.item(i).value=s;					
}						
}			 
}		
}		
</script>
</head>
<body>	
<input type="text" name="text" />   
<input type="text" name="text" />
<input type="text" name="text" /> 
<input type="text" name="text" />
<input type="text" name="text" />
<input type="text" name="text" /> 
<input type="text" name="text" />
<input type="text" name="text" />
<input type="text" name="text" />
</body>
</html>

标签

#jsp #input #监听