jquery percent calcutaion from the textbox values ​​

Question

У меня есть форма, в которой я хочу получить процент от суммы, например. пусть сумма будет равна 100, и я войду в 10, так что желаемый результат равен 10, и я даже хочу добавить сумму процента с суммой, так что выход будет 110 (100 + 10), я могу вынуть процент, но его нет добавляется к сумме, и эти поля будут динамически генерируемыми входами.

Вот мой код:

$(document).ready(function(){ 
     $('#detail').on('keyup', '.rent, .stperc, .st, .stamt, .cal', calculateRow); 

      function calculateRow() { 
        var $row = $(this).closest('tr'); 
        var value = parseFloat($row.find('.stperc').val()); 
        var value2 = parseFloat($row.find('.rent').val()); 


        var stamt = parseFloat($row.find('.stamt').val((value * value2)/100)); 

        var cost = stamt + value2; 
        console.log(cost); 
        if (isNaN(cost)) { 
         $row.find('.cal').val("0"); 
        } else { 
         $row.find('.cal').val(cost); 
        } 

      } 

    }); 

Вот мой PHP код, который будет генерировать текстовые поля:

   while ($row = mysql_fetch_object($query)){ 
         echo "<tr>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='form-input-rate' name=\"locno_$ctr\" value=\"$row->locno\" $stylen readonly>"; 
         echo "</td>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='form-input-rate' name=\"ledger_$ctr\" value=\"$row->custcode\" $stylen readonly>"; 
         echo "</td>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='form-input-rate' name=\"name_$ctr\" value=\"$row->name\" $stylev readonly>"; 
         echo "</td>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='form-input-rate' name=\"deposit_$ctr\" value=\"$row->deposit\" $stylen >"; 
         echo "</td>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='rent form-input-rate' name=\"rent_$ctr\" value=\"$row->rent\" $stylen >"; 
         echo "</td>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='stperc form-input-rate' name=\"stperc_$ctr\" value=\"$row->stperc\" $stylen >"; 
         echo "</td>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='stamt form-input-rate' name=\"st_$ctr\" value=\"$row->stamt\" $stylen >"; 
         echo "</td>"; 
         echo "<td align='center'>"; 
         echo "<input type='text' class='cal form-input-rate' name=\"total_$ctr\" value=\"$row->totamt\" $stylen readonly>"; 
         echo "<input type='hidden' name=\"accode_$ctr\" value=\"$row->accode\">"; 
         echo "</td>"; 
         echo "</tr>"; 
         $ctr++; 
       } 

Answer 1

попробовать что-то вроде этого FIDDLE

$(document).ready(function(){ 
    $('#detail').on('keyup', '.rent, .stperc, .st, .stamt, .cal', function(){ 
     var $row = $(this).closest('tr'); 
     var value = parseFloat($row.find('.stperc').val()); 
     var value2 = parseFloat($row.find('.rent').val()); 
     var stamt = (value * value2)/100; 
     $row.find('.stamt').val(stamt); 
     var cost = stamt + value2; 
     if (isNaN(cost)) { 
      $row.find('.cal').val("rasd"); 
     } else { 
      $row.find('.cal').val(cost); 
     } 

    }); 

});