복수 입력 라이브 자바 스크립트

Question

많은 입력란이 있습니다. 한 필드에 타이핑 할 때 숫자로 배수를 붙입니다. 어떻게 모든 필드의 합계를 끝낼 수 있습니까?

$("#100").keyup(function(){ 
$("#100_").val(this.value*100.00); 
}); 

$("#50").keyup(function(){ 
    $("#50_").val(this.value*50.00); 
}); 
$("#20").keyup(function(){ 
    $("#20_").val(this.value*20.00); 
}); 
$("#10").keyup(function(){ 
    $("#10_").val(this.value*10.00); 
}); 
$("#5").keyup(function(){ 
    $("#5_").val(this.value*5.00); 
}); 
$("#2").keyup(function(){ 
    $("#2_").val(this.value*2.00); 
}); 
$("#1").keyup(function(){ 
    $("#1_").val(this.value*1.00); 
}); 

이는 숫자가있는 곱셈 기호입니다. 작동합니다. 하지만 결국 입력 필드가 있고 모든 입력 필드 위트 id "* _"합계를 싶습니다

Answer 1

전략 : 클래스 속성을 사용하여 예를 들어 각 입력에 대한 클래스 moneyInput 정의 (# 20_, # 50_ 등).

그런 다음, 다음 문을 사용

var c,sum=0; 
$(".moneyInput").on("input",function(){ 
    $("#"+this.id+"_").val(this.value*parseInt(this.id)); 
    $(".moneyInput").each(function(){ 
    sum+=parseInt($(this).val()); 
    }); 
    $("#total").val(sum); 
}); 
// the sum will store what you want, I think? 

을 그리고 이전에 정의 된 모든 이벤트를 삭제합니다.