한 번에 하나씩 여러 행에 대해 키 입력 계산을 수행하는 방법

Question

여러 행이있는 양식이 있습니다. 각 행에 대한 합계를 계산하고 싶습니다. 즉 cost * unit 가격을 입력하고 결과를 전체 입력에 넣습니다. 다음은 내가 시도한 스크립트입니다.

<script> 
$(document).ready(function(){ 
    var input; 
    $('#p1').keyup(calculate('#p1')); 
    $('#p2').keyup(calculate('#p2')); 
}); 
function calculate(input) 
{ 
    $(input + 'Total').val($(input).val() * $(input + 'cost').val()); 

} 
</script> 

Answer 1

적어도 하나의 문제는 .keyup() 메서드가 기능을 기대한다는 것입니다. 귀하의 예제에서 calculate을 사용하는 방법은 이벤트를 추가 할 때 즉시 함수를 호출하는 것입니다. 이 문제를 방지하려면

, 당신이 뭔가를 할 수 있습니다 :

$('#p1').keyup(function() { calculate('#p1') }); 

또 다른 옵션은 계산 함수는 함수 참조 반환해야하는 것입니다 :

function calculate(input) 
{ 
    return function() { 
     $(input + 'Total').val($(input).val() * $(input + 'cost').val()); 
    } 
} 

그런 다음 이벤트 -을 추가 할 수 있습니다를 처리기를 사용합니다.

$('#p1').keyup(calculate('#p1'));