从HTML文档中删除“NaN”

时间:2015-03-26 11:26:39

标签: javascript jquery html html5

老实说,这是一件愚蠢的事。正如您在我的小提琴中看到的那样,您可以添加和删除字段。输入字段中插入的金额总和的总和效果很好。

但是当我删除一个字段(总数为0)时,它会变为NaN。

是否可以使NaN == 0?

http://jsfiddle.net/1ggaco1d/4/

$(document).ready(function () {


    /* --- ADD FIELD --- */
    rebind();

    $('.TotalMultiField').each(function () {
        var $wrapper = $('.multiFields', this);
        $(".addField", $(this)).click(function (e) {
            $('.multiField:first-child', $wrapper).clone(true)
                                .appendTo($wrapper)
                                .find('input')
                                .val('').focus();
            rebind();
        });

        /* --- REMOVE FIELD --- */

        $('.multiField .removeField', $wrapper).click(function () {

            if ($('.multiField', $wrapper).length > 1) {
                $(this).parent('.multiField').remove();
                total();
            }
        });

    });

});

function rebind() {
  $(".number").on('blur', function(e) { total(); })
}

function total() {

    var total = 0;
    $(".number").each(function (idx, el) {
        var value = $(el).val();
        if (value !== "") {
            total = total + parseFloat($(el).val());
        }

    });
    $("#added").text(total);
}

1 个答案:

答案 0 :(得分:0)

您可以使用javascript isNaN()函数。 喜欢

if(isNaN(total) == ture)
{
  total = 0;
}