当前位置: 首页 > 知识库问答 >
问题:

使html数字输入始终显示2位小数

宋宇
2023-03-14

我正在制作一个表单,用户可以使用html数字输入标记输入美元金额。有没有办法让输入框始终显示2位小数?

共有3个答案

太叔英卫
2023-03-14

一个更简单的解决方案是这样的(如果您的目标是特定表单中的所有数字输入):

//limit number input decimal places to two
$(':input[type="number"]').change(function(){
     this.value = parseFloat(this.value).toFixed(2);
});
戚俊健
2023-03-14

内联解决方案将Groot和Ivaylo建议组合在一起,格式如下:

onchange="(function(el){el.value=parseFloat(el.value).toFixed(2);})(this)"
司迪
2023-03-14

因此,如果其他人偶然发现了这一点,这里有一个JavaScript解决方案:

步骤1:将HTML数字输入框挂接到onchange事件

myHTMLNumberInput.onchange = setTwoNumberDecimal;

或者在html代码中,如果您愿意的话

<input type="number" onchange="setTwoNumberDecimal" min="0" max="10" step="0.25" value="0.00" />

步骤2:编写setTwoDecimalPlace方法

function setTwoNumberDecimal(event) {
    this.value = parseFloat(this.value).toFixed(2);
}

通过将中的'2'更改为固定的,如果您愿意,您可以获得更多或更少的小数位数。

 类似资料:
  • 有没有办法将值的格式设置为始终显示两位小数? 示例:我想查看,而不是。

  • 问题内容: 我有一个ng模型的浮点值,我希望始终在其小数点后2位显示: 当“ myNumb”为小数时,此方法适用于大多数情况。但是,如果“ myNumb”的小数位数少于2个(3.2)或整数(30), 则不会强制显示小数点后2位。如何在字段中强制显示小数点后2位 问题答案: AngularJS-输入数字两位小数可以帮助…过滤: 设置正则表达式以使用ng-pattern验证输入。在这里,我只接受最多2

  • 问题内容: 我想格式化我的数字,使其始终显示2个小数位,并在适用的情况下四舍五入。 例子: 我一直在使用这个: 但它显示为,而不是。 问题答案: (Math.round(num * 100) / 100).toFixed(2); 现场演示 请注意,它将 四舍五入 到小数点后两位,因此输入将返回。

  • 问题内容: 我想显示: 如 和: 如 不管小数点的长度或是否有任何小数位,我都希望显示带有2个小数位的a,并且我想以一种有效的方式来做到这一点。目的是显示货币值。 例如, 问题答案: 我想您可能正在使用模块中的对象?(如果您需要精确到小数点后两位精确到两位数且任意大的数字,那么绝对应该如此,这就是您的问题标题所暗示的……) 如果是这样,文档的“ 十进制常见问题解答” 部分将包含一个问题/答案对,这

  • 问题内容: 我要显示: 和: 不管小数点的长度或是否有小数位,我都希望显示一个带有2个小数位的,并且我想以一种有效的方式做到这一点。目的是显示货币值。 例如, 问题答案: 我想你可能正在使用模块中的对象?(如果你需要精确到小数点后两位任意大数的精度,则绝对应该如此,这就是你的问题标题所建议的……) 如果是这样,则文档的“ 十进制常见问题解答”部分将包含一个问题/答案对,这可能对你有用: 问:在具有

  • 我需要用C编写一个程序,该程序执行以下操作: 编写一个程序,这样当用户输入一个浮点数时,它将该数字四舍五入到小数点后3位。显示结果时,显示小数点后5位,这意味着小数点后第4位和第5位数字都将为0。 如何将其四舍五入到小数点后3位,然后显示两个零?我不允许使用任何类型的数学库函数。