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);
});

Here is a demo - 请注意我已从您之前的功能中删除了5分区，因为从问题的提问方式来看，它没有任何意义。

Answer 2

或者您可以将keyup事件与此jQuery代码Fiddle

一起使用

<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>

计算总和并乘以其值

2 个答案: