mehrere Eingänge hinzufügen Live-Javascript

Question

Ich habe viele Eingabefelder. wenn ich in ein Feld tippe, multipliziere ich mit einer Zahl. Wie kann ich die Summe aller Felder am Ende machen?

$("#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); 
}); 

das ist mein Code für Multiplikator mit Nummer. es funktioniert. aber am ende habe ich ein eingabefeld und ich möchte alle eingabefelder mit id "* _"

Answer 1

die strategie: Verwenden sie auch klassenattribut, um ihnen zu helfen, zum beispiel eine klasse moneyInput für jede eingabe zu definieren (# 20_, # 50_ usw.).

Dann verwenden Sie die folgende Anweisung:

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? 

Und alle Ereignisse löschen, die vorher definiert ist.