JQuery로 입력 곱하기

Question

JQuery를 사용하여 입력 값을 곱하려고합니다.

<tr> 
     <td><input type="text" name="qtd[1]" size="2" /></td> 
     <td><input type="text" name="price[1]" size="10" /></td> 
     <td><input type="text" name="total[1]" size="10" /></td> 
    </tr> 
    <tr> 
     <td><input type="text" name="qtd[2]" size="2" /></td> 
     <td><input type="text" name="price[2]" size="10" /></td> 
     <td><input type="text" name="total[2]" size="10" /></td> 
    </tr> 
<input type="hidden" value="2" name="qtd_itens" /> 

기본적으로 내가 총을 보여주기 위해 노력하고 [i]는 즉시 사용자가 QTD [I]과 가격 [I] ...

$(':input').bind('keypress keydown keyup change',function(){ 
    for ($i = 0; $i < $(':input[name="qtd_itens"]').val(); $i++) 

    var acho = parseFloat($(':input[name="qtd[' + $i + ' ]"]').val(),10), 
    alto = parseFloat($(':input[name="price[' + $i + ']"]').val(),10); 

    var v = ''; 
    if (!isNaN(acho) && !isNaN(alto)){ 
     v = (acho * alto); 
    } 
    $(':input[name="total[' + $i + ']"]').val(v.toString()); 
} 
}); 

어떤 도움을 채 웁니다로?

코드 : http://jsfiddle.net/gilbertogm85/XSAk5/1/

Answer 1

for 문 { 누락 코드에 구문 오류가 있습니다. 또한 parseFloat 함수는 하나의 인수 만 허용한다는 점에 유의하십시오. radix를 두 번째 인수로 받아들이는 parseInt 함수를 사용하려는 것 같습니다.

$('input').on('keyup change', function (e) { 
    var $i = $(this).closest('tr').find('input'), 
     acho = parseFloat($i.eq(0).val()), 
     alto = parseFloat($i.eq(1).val()), 
     val = (acho * alto); 

    if (!isNaN(val)) { 
     $i.eq(2).val(val); 
    } 
}); 

Answer 2

당신은 this처럼 뭔가를 시도 할 수 있습니다 :

$(function(){ 
    $('input[name^="price"]').on('keyup change',function(){ 
     var prc = $(this), 
      qty = prc.closest('tr').find('input[name^="qtd"]'), 
      tot = prc.closest('tr').find('input[name^="total"]'); 
     if(check(prc.val()) && check(qty.val())) { 
      var p = parseFloat((prc.val()).replace(',','')), 
       q = parseFloat((qty.val()).replace(',', '')), 
       total = p * q; 
      $(tot.val(total.toFixed(2))); 
     } 
    }); 

    function check($val) { return $val.match("^[0-9,\.]+$"); } 
});