首页 > 软件开发 > HTML >

js保留两位小数的方法

来源:互联网 2023-03-16 19:16:35 115

在页面开发时,如果你得到的数据需要保留两位小数的,怎么通过js来处理呢?js怎么保留两位小数?我们来看一下。

TV8办公区 - 实用经验教程分享!

TV8办公区 - 实用经验教程分享!

方法/步骤

  • 1

    在html里放上一个input,输入数字 ,再放上一个div,用来放js处理后的结果。TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 2

    页面下方有一个按钮,用来触发js处理逻辑的。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 2此文章未经授权抓取自百度经验
  • 3

    添加按钮的事件函数,在函数里先获得输入框的值。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 4

    然后使用parseFloat方法,把获得的值先转换为数字。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 5

    然后调用toFixed方法,方法参数传入2,表示保留的是两位数。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 6

    最后把转换后的结果放到div里。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 7

    运行页面,在输入框里输入要转换的数字,点击下方的按钮。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 8

    得到转换后的结果 ,从结果上看,这是有做四舍五入的。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 9

    我们还可以输入一个没有小数的数字 ,转换为还是会保留两位小数的。

    TV8办公区 - 实用经验教程分享!

    TV8办公区 - 实用经验教程分享!

    js保留两位小数的方法TV8办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!TV8办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码