添加，減去和乘以表格輸入值

Question

基於這篇文章，在這裏，JQuery multiply input values of table rows，我使用了相同的表單字段名稱並添加了Tax字段和Discount字段。

 <tr class="txtMult"> 
     <td> 
      <input name="txtEmmail" class="val1" /> 
     </td> 
     <td> 
      <input name="txtEmmail" class="val2"/> 
     </td> 
     <td> 
      <span class="multTotal">0.00</span> 
     </td> 
    </tr> 
     <tr class="txtMult"> 
     <td> 
      <input name="txttax" class="val1" />% 
     </td> 
     <td> 

     </td> 
     <td> 
      <span class="multTax">0.00</span> 
     </td> 
    </tr> 

需要被相乘，像如果我輸入10（％）

var $tax = ($val1 * 1) * ($total * 1)/100; 
$('.multTax', this).text($tax); 

然後出把那個作爲稅收量 我改變了txttax類值作爲VAL3和添加的此稅jQuery像上面

再次，我需要減去折扣，我嘗試了所有可能的方式，但沒有運氣。

這是函數（編輯）

$(document).ready(function() { 
    $(".txtMult input").keyup(multInputs); 
    function multInputs() { 
     var mult = 0; 
     $("tr.txtMult").each(function() { 
      var $val1 = $('.val1', this).val(); 
      var $val2 = $('.val2', this).val(); 
      var $val3 = $('.val3', this).val(); 
      var $total = ($val1 * 1) * ($val2 * 1); 
      var $tax = ($val1 * 1) * ($total * 1)/100; 
      $('.multTotal', this).text($total); 
      $('.multTax', this).text($tax); 
      mult += $total; 
     }); 
     $("#grandTotal").text(mult); 
    } 
}); 

請指教。 （花了一整天）

Answer 1

jsFiddle solution

HTML

<table> 
<tr class="txtMult"> 
    <td> 
     <input name="txtEmmail" class="val1" /> 
    </td> 
    <td> 
     <input name="txtEmmail" class="val2"/> 
    </td> 
    <td> 
     <span class="multTotal">0.00</span> 
    </td> 
</tr> 
    <tr class="txtMult odd"> 
    <td> 
     <input name="txttax" class="val3" />% 
    </td> 
    <td> 

    </td> 
    <td> 
     <span class="multTax">0.00</span> 
    </td> 
</tr> 
</table> 

<span id="grandTotal"></span> 

JS

$(document).ready(function() { 

    $("input").keyup(multInputs); 
    function multInputs() { 
     var mult = 0; 
     $("tr.txtMult").not('.odd').each(function() {   
      var $val1 = $('.val1', this).val(); 
      var $val2 = $('.val2', this).val(); 
      var $val3 = $('.val3', $(this).next()).val(); 

      var $total = $val1 * $val2; 
      var $tax = $val3 * ($total/100); 

      $('.multTotal', this).text($total); 
      $('.multTax', $(this).next()).text($tax); 

      mult += $total - $tax; 
     }); 

     $("#grandTotal").text(mult); 
    } 
});