Javascript 用js表示每行的总数

Javascript 用js表示每行的总数,javascript,jquery,Javascript,Jquery,我需要的是,当我在textarea中输入数字时,我需要它来获得每行的总和 Textarea上输入行的示例: 101010 99 11 11 11 Div示例,其中我得到每行的和 三十 110 二十二 我有一个脚本,但它只显示带有警报的结果。我不知道怎么做,所以它会在div上显示所有结果。现在div只显示最后一行的结果 $('#sub').click(function() { var grandTotal = 0, rowTotals = [], // array to ho

我需要的是,当我在textarea中输入数字时,我需要它来获得每行的总和

Textarea上输入行的示例:

  • 101010
  • 99 11
  • 11 11
  • Div示例,其中我得到每行的和

  • 三十
  • 110
  • 二十二
  • 我有一个脚本,但它只显示带有警报的结果。我不知道怎么做,所以它会在div上显示所有结果。现在div只显示最后一行的结果

    $('#sub').click(function() {
    
       var grandTotal = 0,
           rowTotals = [], // array to hold individual row totals
           rowData,
           rows,
           val,
           rawData = document.getElementById('nums').value;
    
       // if desired replace this comment with regex validation of rawData
    
       rows = rawData.split("\n");
    
       for (var i=0; i < rows.length; i++) {
          rowTotals[i] = 0;
          rowData = rows[i].split(" ");
          // if you need to test that each row has the same number
          // of values in it do that here
    
          for (var j=0; j < rowData.length; j++) {
             val = parseFloat(rowData[j]);
             // add validation of val here
             rowTotals[i] += val;
          }
    
          alert("Total for row " + (i + 1) + ": " + rowTotals[i]);
            // ALERT SHOWS RESULT FOR EVERY LINE
    
    $('#res').html(rowTotals[i]);
            // HTML SHOWS RES FOR LAST LINE ONLY. I NEED IT TO SHOW RESULTS OF ALL LINES
       }
    });
    
    $('#sub')。单击(函数(){
    var grandTotal=0,
    rowTotals=[],//用于保存单个行总计的数组
    行数据,
    排,
    瓦尔,
    rawData=document.getElementById('nums').value;
    //如果需要,将此注释替换为rawData的正则表达式验证
    行=rawData.split(“\n”);
    对于(变量i=0;i

    
    
    将最后一行更改为此
    $('#res').html($('#res').html()+“
    ”+行总数[i])

    将最后一行更改为此
    $('#res').html($('#res').html()+“
    ”+行总数[i])

    而不是:

    alert("Total for row " + (i + 1) + ": " + rowTotals[i]);
    
    添加以下内容:

    $('#res').html($('#res').html()+rowTotals[i] + "<br>");
    
    $('res').html($('res').html()+行总数[i]+“
    ”);
    请参见:

    ,而不是:

    alert("Total for row " + (i + 1) + ": " + rowTotals[i]);
    
    添加以下内容:

    $('#res').html($('#res').html()+rowTotals[i] + "<br>");
    
    $('res').html($('res').html()+行总数[i]+“
    ”);

    请参阅:

    在函数的开头,使用
    $('#res').html(“”
    )重置结果

    然后,要将结果添加到div,请使用以下代码:

     var div = $('<div/>');
     div.text("Total for row " + (i + 1) + ":" + rowTotals[i]);
     $('#res').append(div);
    
  • 使用
    isNaN
    ,检查您解析的内容是否确实是一个数字:

    val = parseFloat(rowData[j]);
    if(!isNaN(val)) rowTotals[i] += val;
    

  • 在函数开始时,使用
    $('#res').html(“”
    )重置结果

    然后,要将结果添加到div,请使用以下代码:

     var div = $('<div/>');
     div.text("Total for row " + (i + 1) + ":" + rowTotals[i]);
     $('#res').append(div);
    
  • 使用
    isNaN
    ,检查您解析的内容是否确实是一个数字:

    val = parseFloat(rowData[j]);
    if(!isNaN(val)) rowTotals[i] += val;