input限制3位小数输入
来源:互联网 发布:淘宝逆战解封 编辑:程序博客网 时间:2024/06/03 13:53
如下图:通过改变圈1、圈2的值,计算出圈3的值。
且圈2的值只能输入数字,输完后显示3位小数。
HTML(节选)
<!-- 圈1部分 --><input type="text" value="0" class="numStockText" /><!-- 圈2部分 --><input type="text" class="unitPrice" value="0" onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" maxlength="9"><!-- 圈3部分 --><strong class="c-pink totalPrice">0</strong>
JS部分(节选)
// 界面价格动态计算显示$(function() {// 数量变化计算总价$(".numStockText").bind("change",function(){var curNum = Number($(this).val());var unitPrice = Number($(this).parent().parent().find(".unitPrice").first().val());var totalPrice = curNum * unitPrice;totalPrice = Number(totalPrice).toFixed(3); $(this).parent().parent().find(".totalPrice").text(totalPrice);});// 价格变化计算总价$(".unitPrice").bind("change",function(){var unitPrice = Number($(this).val()).toFixed(3);$(this).val(unitPrice);var curNum = Number($(this).parent().parent().find(".numStockText").first().val()); totalPrice = Number(curNum * unitPrice).toFixed(3); $(this).parent().parent().find(".totalPrice").text(totalPrice);});});
阅读全文
0 0
- input限制3位小数输入
- 移动端页面监控input输入并且限制只输入2位小数
- 输入框限制输入两位小数
- easyUI的input限制小数输入
- angular限制input框输入金额(是小数的话只保留两位小数点)
- JS限制input输入的为数字并且有小数的时候最多保留两位小数
- iOS限制textfield输入两位小数
- EditText限制输入两位小数
- 限制 EditText 最多输入两位小数
- EditText限制输入几位小数
- 限制textField输入两位小数
- Android EditText限制输入两位小数
- 正则限制 input 输入框只能输入整数、小数
- input输入框只输入整数两位小数
- 输入框最多能输入2位小数的限制
- Android Edittext输入限制一位小数2位小数(n位)小数简单通用实现
- input文本框输入限制数字和小数位数
- input框限制只能输入正整数、字母、小数、汉字
- Spring4 IOC 注解学习笔记
- 解密:Linux与Android的关系
- oracle监听程序当前无法识别
- 信号上篇
- 从AILD与bindService谈Binder进程间通信原理(上)
- input限制3位小数输入
- 第3章 装配Bean---高级装配--笔记3
- 运行pip报错:Fatal error in launcher: Unable to create process using '"'
- Spring缓存注解@Cache使用
- 结合sklearn进行特征工程
- 网易云音乐搜索引擎 python+whoosh---(1)背景和环境介绍
- SpringMVC使用@ResponseBody注解返回中文字符串乱码的问题
- CDC与HDC的区别以及二者之间的转换
- 复杂链表的复制