JSFiddle代码在浏览器中无法正常工作，用于计算行和列的总和。

6 浏览
0 Comments

JSFiddle代码在浏览器中无法正常工作，用于计算行和列的总和。

JSFiddle的代码在浏览器中不能正常工作，用于计算行和列的总和，请帮我修复代码。

该代码在jsfiddle中可以工作，但在我的浏览器中无法工作。如果需要添加其他行来使其工作，请告诉我。

0

1 答案

0 Comments

问题的出现原因是JSFiddle代码在浏览器中无法正常工作，导致行和列的求和计算无法实现。

解决方法是将以下脚本放置在HTML代码的末尾，就在body闭合标签之前。（感谢这个答案提供的求和计算方法）。你还可以优化它，只在列数据发生变化时进行求和计算。

<script src="https://code.jquery.com/jquery-2.0.2.js"></script>
<script>
$("input:not(#totalSum)").keyup(function() {
    var sum = 0;
    $("table tr > td:nth-child(1) > input:not(#totalSum)").each(function() { sum += parseFloat($(this).val()) || 0; }); $('#totalSum').val(sum); sum=0;
    $("table tr > td:nth-child(2) > input:not(#totalSum1)").each(function() { sum += parseFloat($(this).val()) || 0; }); $('#totalSum1').val(sum); sum=0;
    $("table tr > td:nth-child(3) > input:not(#totalSum2)").each(function() { sum += parseFloat($(this).val()) || 0; }); $('#totalSum2').val(sum);
});
</script>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

0