javascript - 显示其他两个输入值之和的输入框

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

我认为这对你有用:-

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>

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