금액의 합계가 잘못 표시된 금액입니다.

Question

청구서 양식을 작성했습니다. 모든 것이 작동하지만 모든 제품 가격의 합계가 잘못 표시됩니다. Javascript가 좋지 않습니다. 너의 도움이 필요해. 총 합계

JS :

<script type="text/javascript"> 
     window.sumInputs = function() { 
      var inputs = document.getElementsByTagName('input'), 
       result = document.getElementById('total'), 
       sum = 0;    

      for(var i=0; i<inputs.length; i++) { 
       var ip = inputs[i]; 

       if (ip.name && ip.name.indexOf("total") < 0) { 
        sum += parseInt(ip.value) || 0; 
       } 

      } 

      result.value = sum; 
     } 
     </script> 

HTML 테이블 :

여기 내 계산에 내 아이디의 선언했다. 이 이 잘 작동합니다. 여기

<table> 
    <tr> 
     <td><input type="text" class="street" class="menu_name" name="user[0][name]" value=""></td> 

     <td><input type="text" id="q2" name="user[0][age]" value=""></td> 
     <td><input type="text" id="q1" class="menu_price" name="user[0][address]" value=""><br></td> 
     <td><input type="text" id="t3" name="user[0][email]" value=""></td> 
    </tr> 
    <tr> 
     <td><input type="text" class="street1" class="menu_name1" name="user[1][name]" value=""></td> 

     <td><input type="text" id="r2" name="user[1][age]" value=""></td> 
      <td><input type="text" id="r1" class="menu_price1" name="user[1][address]" value=""><br></td> 
     <td><input type="text" id="t4" name="user[1][email]" value=""></td> 
    </tr> 
    <tr> 
     <td><input type="text" class="street2" class="menu_name2" name="user[2][name]" value=""></td> 

     <td><input type="text" id="t2" name="user[2][age]" value=""></td> 
     <td><input type="text" id="t1" class="menu_price2" name="user[2][address]" value=""><br></td> 
     <td><input type="text" id="t7" name="user[2][email]" value=""></td> 
    </tr> 
    <tr> 
     <td><input type="text" class="street3" class="menu_name3" name="user[3][name]" value=""></td> 

     <td><input type="text" id="h2" name="user[3][age]" value=""></td> 
     <td><input type="text" id="h1" class="menu_price3" name="user[3][address]" value=""><br></td> 
     <td><input type="text" id="t8" name="user[3][email]" value=""></td> 
    </tr> 
    <tr> 
     <td><input type="text" class="street4" class="menu_name4" name="user[4][name]" value=""></td> 

     <td><input type="text" id="y2" name="user[4][age]" value=""></td> 
     <td><input type="text" id="y1" class="menu_price4" name="user[4][address]" value=""><br></td> 
     <td><input type="text" id="t9" name="user[4][email]" value=""></td> 
    </tr> 
    <tr><td>Total : <input type="text" name="total" id="total"/> 
      <a href="javascript:sumInputs()">Sum</a> //Here is my problem it's not showing correct value 
     </td> 

    </tr> 
    <?php echo form_submit($submit);?> 
    </table> 

내가 몇 가지 변경을 가지고 JSFiddle

Answer 1

입니다. 실제로 js는 모든 입력 값을 합산합니다. 그러나 가격 입력 값만 있으면됩니다.

http://fiddle.jshell.net/h9753snz/