Question

我正在处理一个项目，我需要计算两个输入框的总值，并在第三个框中显示总数。

<p>Membership: <input type='text' name='paid' /></p>
<p>+Donation: <input type='text' name='donation' /></p>
<p>=Total Paid: <input type='text' name='total' /></p>

我认为这可以通过jQuery或Javascript完成。任何帮助表示赞赏。

Answer 1

您可以使用jQuery .val()方法获取将成为字符串的源input元素的值。要将字符串解析为数字前面加上+，等同于.parseInt( ... )。

$('input[name=total]').val( +$('input[name=paid]').val() + +$('input[name=donation]').val() );

WORKING JSFIDDLE DEMO

现在，您可以将上述代码包装在函数或事件处理程序中，以满足您的需求。

Answer 2

您可以在模糊绑定上使用动态结果。因此，无论何时更改任何字段，结果值都会相应更新。

$('input').blur(function(){
     $('input[name=total]').val( +$('input[name=paid]').val() + $('input[name=donation]').val() );
 });

Jsfiddle Demo

Answer 3

我认为这应该适合你： -

的Javascript

function getTotal() {
        var paid = document.getElementsByName('paid')[0].value;
        var donation = document.getElementsByName('donation')[0].value;
        var total = (+paid) + (+donation);
        document.getElementsByName('total')[0].value = total;
    }

HTML

<p>Membership: <input type='text' name='paid' /></p>
<p>+Donation: <input type='text' name='donation' onblur="getTotal()"/></p>
<p>=Total Paid: <input type='text' name='total' /></p>

您可以调用此函数来获取总数。

输入框，显示两个其他输入的值的总和

3 个答案: