如何采用纯css将输入的数字转换为金额格式

html-css09

如何采用纯css将输入的数字转换为金额格式,第1张

这个事css干不了吧,怎么也得用上js。

css只能改变显示的样子,在Dom中做改动得用js了

js代码拿去用:

function number_format(number, decimals, dec_point, thousands_sep) {

    /*

    * 参数说明:

    * number:要格式化的数字

    * decimals:保留几位小数

    * dec_point:小数点符号

    * thousands_sep:千分位符号

    * */

    number = (number + '').replace(/[^0-9+-Ee.]/g, '')

    var n = !isFinite(+number) ? 0 : +number,

        prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),

        sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,

        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,

        s = '',

        toFixedFix = function (n, prec) {

            var k = Math.pow(10, prec)

            return '' + Math.ceil(n * k) / k

        }

 

    s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')

    var re = /(-?\d+)(\d{3})/

    while (re.test(s[0])) {

        s[0] = s[0].replace(re, "$1" + sep + "$2")

    }

 

    if ((s[1] || '').length < prec) {

        s[1] = s[1] || ''

        s[1] += new Array(prec - s[1].length + 1).join('0')

    }

    return s.join(dec)

}

使用方法:

var num=number_format(1234567.089, 2, ".", ",")//1,234,567.09

方法主要有三种转换函数、强制类型转换、利用js变量弱类型转换。1. 转换函数:js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。只有对String类型调用这些方法,这两个函数才能正确运行;对其他类型返回的都是NaN(Not a Number)。一些示例如下:复制代码 代码如下:parseInt(“1234blue”)//returns 1234parseInt(“0xA”)//returns 10parseInt(“22.5”)//returns 22parseInt(“blue”)//returns NaNparseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:复制代码代码如下:parseInt(“AF”, 16)//returns 175parseInt(“10”, 2)//returns 2parseInt(“10”, 8)//returns 8parseInt(“10”, 10)//returns 10