jQuery 对输入框值进行计算

最新推荐文章于 2022-11-09 20:26:08 发布

wlhbye

最新推荐文章于 2022-11-09 20:26:08 发布

阅读量290

点赞数

文章标签： jQuery HTML ViewUI

本文链接：https://blog.csdn.net/wlhbye/article/details/83936971

版权

<!DOCTYPE html> 
<html> 
<head> 
  <style> 
  p { color:blue; margin:8px; } 
  </style> 
  <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
  <input type="text" id="s1" value=""/> * <input type="text" id="s2" value=""/> =  <input type="text" id="s3" value=""/>  
	<script> 
		var value1=0;
		var value2=0;
		$("#s1").keyup(function(){
			value1 = $(this).val(); 
			$("#s3").val(value2*value1); 
		});

		$("#s2").keyup(function(){
			value2 = $(this).val(); 
			$("#s3").val(value2*value1); 
		});
	</script> 
 
</body> 
</html>