input框数字保留两位小数，如果是整数小数点后自动补零

最新推荐文章于 2023-04-11 20:24:57 发布

zyy_wx

最新推荐文章于 2023-04-11 20:24:57 发布

阅读量3.6k

点赞数 1

文章标签： javascript html jquery

本文链接：https://blog.csdn.net/zyy_wx/article/details/122079039

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<input type="number" id="input1" value="10"><br>
		<input type="number" id="input2" value="10.1"><br>
		<input type="number" id="input3" value="10.111">
		<script src="js/jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			// input框数字保留两位小数，如果是整数小数点后自动补零
			function reserveFloat(value) {
				var value = Math.round(parseFloat(value) * 100) / 100;
				var res = value.toString().split(".");
				if (res.length == 1) {
					value = value.toString() + ".00";
					return value;
				}
				if (res.length > 1) {
					if (res[1].length < 2) {
						value = value.toString() + "0";
					}
					return value;
				}
			};
			let val1 = reserveFloat($("#input1").val());
			let val2 = reserveFloat($("#input2").val());
			let val3 = reserveFloat($("#input3").val());
			console.log(val1);
			console.log(val2);
			console.log(val3);
		</script>
	</body>
</html>

zyy_wx

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
input框数字保留两位小数，如果是整数小数点后自动补零

<input type="number" id="input1" value="10"><br> <input type="number" id="input2" value="10.1"><br> <input type="number" id="input3" value="10.111"> <script src="js/jquery-3.6.0.js" type="tex...
复制链接

扫一扫