javascript - 在跨度上自动显示货币格式?

标签 javascript jquery html

我的 JavaScript 代码是这样的:

var format = function(num){
    var str = num.toString().replace("$", ""), parts = false, output = [], i = 1, formatted = null;
    if(str.indexOf(",") > 0) {
        parts = str.split(",");
        str = parts[0];
    }
    str = str.split("").reverse();
    for(var j = 0, len = str.length; j < len; j++) {
        if(str[j] != ".") {
            output.push(str[j]);
            if(i%3 == 0 && j < (len - 1)) {
                output.push(".");
            }
            i++;
        }
    }
    formatted = output.reverse().join("");
    return(formatted + ((parts) ? "," + parts[1].substr(0, 2) : ""));
};
$(function(){
    $("#currency_one").keyup(function(e){
        $(this).val(format($(this).val()));
    });
});

我的完整代码和演示是这样的:http://jsfiddle.net/oscar11/s6rCN/544/

我想要这样的显示:

enter image description here

id 名为currency_one(第一个文本字段),它有效

id 名为currency_two(第二个文本字段),它不起作用

我仍然很困惑如何在跨度标签或标签(如上图)上自动显示它

有谁可以帮助我吗?

最佳答案

您没有在第二个元素上调用“keyup”函数。

你的意思是这样吗?

$("#currency_two").keyup(function(e){
    $(this).next('span').text(format($(this).val()));
});

http://jsfiddle.net/s6rCN/552/

关于javascript - 在跨度上自动显示货币格式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43072750/

相关文章:

javascript - AngularJS:翻译和多个 ng-bind-html 值

javascript - jquery 第二次事件没有响应

php - 从类别页面 wordpress 中删除主题生成的自定义 css

html - 形式固定在底部,而内容也是流动的

javascript - 如何使用 jquery 将复选框的值追加和删除到 ul li

javascript - jQuery滑动菜单功能

javascript - Createjs为游戏创建计时器时钟

javascript - Quill - 添加图片 URL 而不是上传

jquery - 为什么 Raven.js/Sentry 说 jQuery 未定义

javascript - Jquery .position 为 null 转换为 0