计算总和并乘以其值

Question

我正在计算a和b的总和，并将其放在名为sum文本框中。

在数字文本框中输入数字后，它应该计算final = sum * number 。

<input type="text" class="txt_1_0" name="a" />
<input type="text" class="txt_1_0" name="b" />
<input type="text" id="sum" name="sum" />
<input type="text" class="number" name="number" />
<input type="text" class="final" name="final" />

我尝试了以下方法：

$(document).ready(function() {
    $(".txt_1_0").change(function() {
        var total = 0.00;
        var textbox3 = 0.00;    // this gonna be your third textbox
        $(".txt_1_0").each(function() {
            total += parseFloat(this.value) / 5;
        });

        textbox3 = $("#sum").val((total).toFixed(2));
    });
 });

如何获取数字值并计算final值？

Answer 1

您实际上并未添加任何可以进行最终计算的函数。 因此，要将sum （小计）乘以number ，请执行以下操作：

$(".number").change(function () {
    var final = $("#sum").val() * $(this).val();
    $('.final').val(final);
});

这是一个演示 -请注意，我已经从您以前的功能中除以5，因为从您提出问题的方式来看这没有意义。

Answer 2

或者您可以在此jQuery代码小提琴中使用keyup事件

<script type="text/javascript">
$(document).ready(function(){
    $('input[type="text"]').on('keyup',function(){
        var a=parseFloat($('.txt_1_0:first').val())
        var b=parseFloat($('.txt_1_0:last').val())
        if(a && b){$('#sum').val(a+b)}
        var number=$('.number').val()
        if(number){
            $('.final').val($('#sum').val()*number)
            }
        })
})
</script>