分类导航

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用jquery自动用数学更新输入字段？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

好的我需要一些帮助,我有一个在线计算器,我必须从两个输入字段中获取直线计.我需要它在输入数据时是自动的.我不知道如何做到这一点..任何编码帮助将不胜感激！这是html：

<input type="text" name="ancho" />
<input type="text" name="alto" />
<input type="text" name="material" />

我需要它输出到这个字段：

<input type="text" name="ml" />

以下是数学方面的等式：
(材料/ 100)/((alto / 100)*(ancho / 100))

提前感谢您的帮助！

@H_607_20@解决方法

叹息我在解决方案中没有看到很多错误检查,所以我想我还会发布一个……

// locate all the input fields on the page
$(':input')
// bind to anything change related (down to keyboard changes so the element
// won't need to lose focus,or the user won't have to press enter)
.bind('keypress keydown keyup change',function(){
    // retrieve the values of the inputs (we also call parseFloat to confirm
    // we are dealing with numeric values)
    var acho = parseFloat($(':input[name="acho"]').val(),10),alto = parseFloat($(':input[name="alto"]').val(),matl = parseFloat($(':input[name="material"]').val(),10);

    // default the end result to an empty @R_675_10495@ng (you'll see
    // why with the following statement)
    var v = '';

    // confirm that all three values that go in to the equation are
    // all numbers before we try to perform any math functions. If
    // all goes well,"v" above will have the actual resulTing value.
    // if any number is invalid,the "Result" field (ml) gets emptied
    if (!isNaN(acho) && !isNaN(alto) && !isNaN(matl)){

        // your math function
        v = (matl / 100) / ((alto / 100) * (acho / 100));
    }

    // replace the value of "ml" with our new calculated value
    $(':input[name="ml"]').val(v.to@R_675_10495@ng());
});