Javascript 通过jquery计算水平和垂直值之和

Javascript 通过jquery计算水平和垂直值之和,javascript,jquery,Javascript,Jquery,你好,我有这样的表格,我需要根据照片计算总数 <table class="table table-bordered table-hover"> <thead> <tr> <td></td> <td>Heading 0</td> <td>Heading 1</td> <td>Heading 2</td> &l

你好,我有这样的表格,我需要根据照片计算总数

<table class="table table-bordered table-hover">
  <thead>
    <tr>
        <td></td>
    <td>Heading 0</td>
    <td>Heading 1</td>
    <td>Heading 2</td>
    <td>Heading 3</td>
    <td>Heading 4</td>
    </tr>
    </thead>
    <tbody>
    <tr>
          <td>P 1</td>
      <td><input type="text" name="h[00]" id="00" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[01]" id="01" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[02]" id="02" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[03]" id="03" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[04]" id="04" placeholder="budget" class="med" required=""></td>
<td><div class="total_p0"><input type="text" name="total_p0" value="total p 1"></div></td>
    </tr>
    <tr>
          <td>P 2 </td>

      <td><input type="text" name="h[10]" id="10" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[11]" id="11" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[12]" id="12" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[13]" id="13" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[14]" id="14" placeholder="budget" class="med" required=""></td>
<td><div class="total_p1"><input type="text" name="total_p1" value="total p 2"></div></td>
    </tr>
    <tr>
          <td>P 3 </td>

      <td><input type="text" name="h[20]" id="20" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[21]" id="21" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[22]" id="22" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[23]" id="23" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[24]" id="24" placeholder="budget" class="med" required=""></td>
<td><div class="total_p2"><input type="text" name="total_p2" value="total p 3"></div></td>
    </tr>
    <tr>
          <td>P 4 </td>

      <td><input type="text" name="h[30]" id="30" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[31]" id="31" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[32]" id="32" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[33]" id="33" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[34]" id="34" placeholder="budget" class="med" required=""></td>
<td><div class="total_p3"><input type="text" name="total_p3" value="total p 4"></div></td>
    </tr>
    <tr>
          <td>P 5</td>

      <td><input type="text" name="h[40]" id="40" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[41]" id="41" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[42]" id="42" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[43]" id="43" placeholder="budget" class="med" required=""></td>
      <td><input type="text" name="h[44]" id="44" placeholder="budget" class="med" required=""></td>
<td><div class="total_p4"><input type="text" name="total_p4" value="total p 5"></div></td>
    </tr>
<tr>
  <td></td>
        <td><input type="text" name="total_h0" value="total heading 0"></td>
      <td><input type="text" name="total_h1" value="total heading 1"></td>
      <td><input type="text" name="total_h2" value="total heading 2"></td>
      <td><input type="text" name="total_h3" value="total heading 3"></td>
      <td><input type="text" name="total_h4" value="total heading 4"></td>
      <td><input type="text" name="total_all" value="Total all"></td>
</tr>

    </tbody>
  </table>

品目0
标题1
标题2
标题3
标题4
P1
P2
第3页
第4页
第5页
总p1、p2、p3、p4、p5为水平面

总水头0,水头1,水头2,水头3,水头4

总数是多少

我试过这样的东西,但没能完成

    <script type="text/javascript">
  $(document).ready(function() {
    var partners = 5;
    var headings = 5;
    for (var p = 0; p < partners; p++) {
        for (var i = 0; i < headings; i++) {
          var pi = p+i;
        }
    }
  });
</script>

$(文档).ready(函数(){
var=5;
var=5;
对于(var p=0;p
如图所示


$(文档).ready(函数(){
$(“.med”)。每个(函数(){
$(此).keyup(函数(){
计算um();
});
});
});
函数calculateSum(){
var总和=0;
//遍历每个文本框并添加值
$(“.med”)。每个(函数(){
//仅当值为number时添加
如果(!isNaN(this.value)&&this.value.length!=0){
sum+=parseFloat(此.value);
}
});
var sumQ=[];
var=5;
var sumQ=[];

对于(var i=1;i我想您希望它像下面的演示一样

$(函数(){
$('.med')。在('change',function()上{
var colIndex=$(this.parent().prevAll().length;
var rowIndex=$(this).closest('tr').prevAll().length;
var columns=$(this).closest('tr')。children('td');
var colMax=columns.length-1;
var rowTotal=0;
对于(var col=1;col