用jquery编号格式化程序格式化数字并将其格式化

Question

我用jquery编号格式化程序格式化输入字段的数字，但我必须将它们格式化，以便对数字进行一些计算，但这是行不通的。如何将格式化的数字转换回来，以便我可以使用计算函数？

以下是用于数字格式的JS：

 $("[id$='abzug']").keyup(function(){
    $(this).parseNumber({format:"#,###", locale:"ch"});
    $(this).formatNumber({format:"#,###", locale:"ch"});
    val();
 });

在这里，HTML：

  <input class="form-control" id="kunst_abzug" type="text">
  <input class="form-control" id="theater_abzug" type="text">

这里是计算总数的函数：

function id(id){return document.getElementById(id);}
function val(){
val_totalEingespart = parseInt(id("totalEingespart").value) || 0;
val1 = parseInt(id("kunst_abzug").value) || 0;
val2 = parseInt(id("theater_abzug").value) || 0;
var total_abgezogen = val_totalEingespart - val1 - val2;
var total_abgezogenCHF = total_abgezogen.toLocaleString('de-CH');  
id("totalSum2").innerHTML = total_abgezogenCHF + ' CHF';
}

我还创建了一个js小提琴：http://jsfiddle.net/Lffpg4xp/2/

Answer 1

从每个输入元素中删除onkeyup="val()，并将其添加到document.ready中函数的键上。

$( document ).ready(function() {
$("[id$='abzug']").keyup(function(){
        $(this).parseNumber({format:"#,###", locale:"ch"});
        $(this).formatNumber({format:"#,###", locale:"ch"});
    val();
     });
 });

function getElementValue(id){
     var num = $('#' + id).val();
     return $.parseNumber(num, {format:"####", locale:"ch"});
}

function val(){
    val_totalEingespart = parseInt(getElementValue("totalEingespart")) ? parseInt(getElementValue("totalEingespart")) :  0;
    val1 = parseInt(getElementValue("kunst_abzug")) ? parseInt(getElementValue("kunst_abzug")) : 0;
    val2 = parseInt(getElementValue("theater_abzug")) ?  parseInt(getElementValue("theater_abzug")) : 0;
    var total_abgezogen = val_totalEingespart - val1 - val2;
    $("#totalSum2")[0].innerHTML = total_abgezogen.toLocaleString('de-CH') + ' CHF';
}

更新的小提琴