jquery输入框自动求和

最新推荐文章于 2021-09-22 13:18:16 发布

mtjmtj7啊

最新推荐文章于 2021-09-22 13:18:16 发布

阅读量3.1k

点赞数 2

本文链接：https://blog.csdn.net/mtjmtj7a/article/details/79427272

版权

某次开发，需要自动计算各项评分的总得分，还要在页面显示。

所以经过一番搜索之后发现一种写法，记录一下

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>

	<body>
		<input type="text" name="in1" id="in1" value="" /><br />
		<input type="text" name="in2" id="in2" value="" /><br /> 结果：
		<span id="out"></span>
	</body>

	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script>
		$("input[id^='in']").change(function() {
			var sum = 0;
			$("input[id^='in']").each(function() {
				var r = /^-?\d+$/;　 //正整数 
				if($(this).val() != '' && !r.test($(this).val())) {
					$(this).val(""); //正则表达式不匹配置空 
				} else if($(this).val() != '') {
					sum += parseInt($(this).val());
				}
				$("#out").html(sum)
			});
		});
	</script>

</html>

mtjmtj7啊

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
jquery输入框自动求和

某次开发，需要自动计算各项评分的总得分，还要在页面显示。所以经过一番搜索之后发现一种写法，记录一下&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;bod
复制链接

扫一扫