jQuery input同步发sims

最新推荐文章于 2025-09-13 09:06:35 发布

转载最新推荐文章于 2025-09-13 09:06:35 发布 · 87 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/forwy/blog/1476061

文章标签：

#javascript #python #ViewUI

本文展示了一个使用jQuery实现的简单示例，该示例中多个相同类名的输入框在输入时会实时同步其值。通过监听键盘抬起事件并更新其他输入框的值来达到同步效果。

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head>
	<title>input 同步</title>
</head>
<body>
	<input type="text" name="texdd" class="example-input">
	<input type="text" name="texdd" class="example-input">
	<input type="text" name="texdd" class="example-input-different">
</body>
<script type="text/javascript" src="jquery-2.2.1.min.js"></script>
<script>
	var $inputs = $(".example-input");
	$inputs.keyup(function() {
	   $inputs.val($(this).val());
	});
</script>
</html>

转载于:https://my.oschina.net/forwy/blog/1476061