JQuery-乘以3个输入字段并自动填充第4个输入

我有3个输入字段：

<input type="text" name="height" /> * <input type="text" name="width" /> *<input type="text" name="length" />
and the total:
= <input type="text" name="total" />

**
总数：
= 

如何使用将自动填充total字段的jQuery

---

谢谢

向所有输入添加id，然后

$（'input#input4'）.val（$（'input#input1'）.val（）*$（'input#input2'）.val（）*$（'input#input3'）.val（））

---

首先，您应该将id添加到输入中：

<input type="text" id="txt1" ... /> 
// also for 2, 3 and 4 ...

//同样适用于2、3和4。。。

然后，只需添加此jquery事件即可动态计算结果：

<script>
    $(document).ready(function () { 
        $("#txt1, #txt2, #txt3").change(function() {
            $("#txt4").val($("#txt1").val() * $("#txt2").val() * $("#txt3").val());
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#txt1，#txt2，#txt3”）。更改（函数（）{
$（“#txt4”）.val（$（“#txt1”）.val（）*$（“#txt2”）.val（）*$（“#txt3”）.val（）；
});
});

请查看

---

您可以将id从输入更改为您的姓名，如id=“height”，id=“width”。。。。然后改变输入1，输入2。。。对于此id，请执行以下操作，但它不会自动填充总字段。请使用if（$（'input#input1'）.val（）！=“”&$（'input#input2'）.val（）！=“”…{$（'input#input4'）.val（$（'input#input1'）.val（）*$（'input#input2'）.val（）*$（'input#input2 input2.val（））*$（'input#input3'）.val（））您应该在任何输入字段的onblur或onfocusout函数上编写逻辑。通过@Sebastian Check my answer demo检查答案

<script>
    $(document).ready(function () { 
        $("#txt1, #txt2, #txt3").change(function() {
            $("#txt4").val($("#txt1").val() * $("#txt2").val() * $("#txt3").val());
        });
    });
</script>

$('.num').change(function(){
    var tot = 1;
    $.each($('input[class=num]'),function(){
      var curr_val = $(this).val();
        if(curr_val != ""){
          tot = tot * curr_val;
          $('.tot').val(tot);
        }
    });
});