Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery计算html表中的列和行和_Jquery_Html - Fatal编程技术网

如何使用jquery计算html表中的列和行和

如何使用jquery计算html表中的列和行和,jquery,html,Jquery,Html,我想使用我尝试过的jquery计算HTML表中的行和列的总数,但总列没有计算。有人能帮我吗。下面是我的代码: <script> $(function(){ $('.txtfld').bind({ keyup:function(){ //total calculation $(".printer-type tr:not(:first, last) td:last-child").

我想使用我尝试过的jquery计算HTML表中的行和列的总数,但总列没有计算。有人能帮我吗。下面是我的代码:

<script>
    $(function(){
        $('.txtfld').bind({
            keyup:function(){ 
         //total calculation
                    $(".printer-type tr:not(:first, last) td:last-child").text(function () {
                        var totalVal = 0;
                        $(this).prevAll().each(function () {
                            totalVal += parseInt($(this).children('.txtfld').val()) || 0;
                            //totalVal += parseInt( );
                        });
                        return totalVal;
                    });

                    $(".printer-type tr:last td").text(function (i) {
                        var totalVal = 0;
                        $(this).parent().prevAll().find("td:nth-child(" + (++i) + ")").each(function () {
                            totalVal += parseInt($(this).children('.txtfld').val()) || 0;
                            $(".printer-type tr:last td:first").text('Total sheets/year');
                        });
                        return totalVal;

                    });
                    //Total calculation
            }
        });


    });


</script>

<div class="printer-type">
<table width="580" border="0" class="printer-row">
  <tr>
    <td>&nbsp;</td>
    <td>8X10 in</td>
    <td>10X12 in</td>
    <td>8X10 in Memmo</td>
    <td>10X12 in Memmo</td>
    <td>11X14 in</td>
    <td>14X14 in</td>
    <td>14X17 in</td>
    <td>Total sheets/year</td>
  </tr>
  <tr>
    <td>Item 5700</td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Item 5700</td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>FUJI DRYPIX 400</td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>AGFA Drystar 3000</td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td><input type="text" class="txtfld" placeholder="edit"></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>Total sheets/year</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>

$(函数(){
$('.txtfld').bind({
keyup:function(){
//总计算
$(“.printer type tr:not(:first,last)td:last child”).text(函数(){
var totalVal=0;
$(this).prevAll().each(函数)(){
totalVal+=parseInt($(this).children('.txtfld').val())| | 0;
//totalVal+=parseInt();
});
返回totalVal;
});
$(“.printer type tr:last td”).text(函数(i){
var totalVal=0;
$(this).parent().prevAll().find(“td:n子项(“+(++i)+”)).each(函数(){
totalVal+=parseInt($(this).children('.txtfld').val())| | 0;
$(“.printer type tr:last td:first”).text(“总张数/年”);
});
返回totalVal;
});
//总计算
}
});
});
8X10英寸
10X12英寸
Memmo中的8X10
Memmo中的10X12
11X14英寸
14X14英寸
14X17英寸
总张数/年
项目5700
项目5700
富士DRYPIX 400
AGFA干星3000
总张数/年
以上是我添加行和列总数的代码,请任何人修复此错误。“总张数/年”列“总计”不起作用。

如果您希望在右下角单元格中显示总数,请选中此项
我将此代码添加到jquery代码中

            var count=0
            for(i=1;i<$('tr').length;i++){
                var trs=parseInt($('tr:eq('+i+')').find('td:last').text())
                count+=trs
            }
            $(".printer-type tr:last td:last").text(count)
var计数=0

对于(i=1;如果您在HTML中添加一个JSFIDLE也会有帮助。您可以共享您的HTML吗?此代码工作正常。请检查控制台和jQuery版本。唯一的问题是未生效中的“总工作表/年”列Total。如果您清楚地看到我需要计算总工作表列,则该列的总数不会更改为“0”这就是我要找的。非常感谢,兄弟,这正是我需要的。