jquery输入数字自动补全小数点效果

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (254)

Mysql (58)

DedeCms (33)

jQuery (67)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

jQuery input 自动补全小数点求和 toFixed

打开边栏(ESC) 关闭边栏(ESC)

本文实现，jquery获得input框的值自动求和，并实现input框数字自动补充小数点后两个0，和也补充两个0.

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<script src="jquery.min.js"></script>
</head>

<body>
<script>

function moneyAllVal(){
	//输入框自动补全小数点
	$("input").on("blur",function(){
		$(this).val(parseFloat($(this).val()).toFixed(2));
	});
	//根据各项费用计算总金额
	moneyFoster = $('#moneyFoster').val() == '' ? 0 : $('#moneyFoster').val();
	moneyTrain = $('#moneyTrain').val() == '' ? 0 : $('#moneyTrain').val();	
	moneyAll = parseFloat(moneyFoster) + parseFloat(moneyTrain);
	//和自动补全小数点
	$('#moneyAll').val(parseFloat(moneyAll).toFixed(2));
}
   </script>
<form name="myform" method="post" id="myform" autocomplete="off">
	<table class="table table-hover table-striped table-bordered wst-form">
		<tr>
			<th width='170' align='right'>寄养：</th>
			<td><input type='text' id='moneyFoster' class="form-control wst-ipt" value='' maxLength='25' onchange="moneyAllVal()"/></td>
		</tr>
		<tr>
			<th align='right'>代训：</th>
			<td><input type='text' id='moneyTrain' class="form-control wst-ipt" value='' maxLength='25' onchange="moneyAllVal()"/></td>
		</tr>
		<tr>
			<th align='right'>合计金额：</th>
			<td><input type='text' id='moneyAll' class="form-control wst-ipt" value='' maxLength='25'/></td>
		</tr>
	</table>
</form>
</body>
</html>

赏

前一篇

JQuery判断radio（单选框）是否选中和获取选中值

后一篇

js，jquery获取不到动态创建的元素id的解决办法

jQuery | 2020-06-23 6394

This error might be caused by jquery event aliases like .load, .unload or .error deprecated since jQuery 1.8. Look for these aliases in your code and replace them with .o...

jQuery出现Uncaught TypeError: $(...).prop is not a function问题

jQuery | 2019-08-23 6370

做全选功能的时候用到 var xz = $(this).prop("checked"); 提示： Uncaught TypeError: $(...).prop is not a function 应该是jquery版本过低造成的，更换高版本成功解决问题， jquery下载地址 http://www...