如何在JavaScript中使输入框#i23显示整数而非浮点或小数？

嘿，要解决这个问题很简单，根据你需要的取整规则，可以选下面几种JavaScript方法来修改你的代码：

1. 四舍五入到最近整数（最通用的日常场景） #

如果希望像平时数学计算那样四舍五入，用Math.round()就对了：

$("#i23").val(Math.round(Number($("#f112").val())));

举个例子：输入2.4会变成2，输入2.6会变成3。

2. 直接舍去小数（向下取整） #

不管小数部分是多少，只保留整数部分，用Math.floor()：

$("#i23").val(Math.floor(Number($("#f112").val())));

注意哦，负数的情况会不一样：输入2.9→2，但输入-2.1→-3，因为是向下取整到更小的整数。

3. 只要有小数就进一位（向上取整） #

如果哪怕只有一点点小数，都要进一位整数，用Math.ceil()：

$("#i23").val(Math.ceil(Number($("#f112").val())));

比如输入2.1→3，输入-2.9→-2（负数会向上取整到更大的数）。

4. 快速截断小数（适合正数场景） #

如果只需要直接砍掉小数部分（正数效果和Math.floor()一样，但负数会向0取整），可以用parseInt()或者更高效的位运算：

• 用parseInt（记得指定十进制，避免解析错误）：

$("#i23").val(parseInt($("#f112").val(), 10));

例子：2.9→2，-2.9→-2。

• 位运算方式（性能更好，适合32位整数范围内的数值）：

$("#i23").val(~~Number($("#f112").val()));
// 或者用 | 0
$("#i23").val(Number($("#f112").val()) | 0);

小提醒：处理无效输入 #

如果担心用户输入的不是有效数字，最好加个判断，避免#i23显示NaN：

const inputValue = $("#f112").val();
const num = Number(inputValue);
if (!isNaN(num)) {
  $("#i23").val(Math.round(num)); // 这里替换成你需要的取整方法
} else {
  $("#i23").val(""); // 或者设置默认值，比如0
}

内容的提问来源于stack exchange，提问作者Ankush Chaudhari