javascript - 如何根据表单值进行计算

Question

我有这个代码

<form>

<input type = "number" name="name1" value="">

<input type = "number" name="name2" value="">

</form>

在这里，当用户输入name1值时，我想在name2上显示name1值的 25% 。请我需要 javascript 代码来执行此操作

假设用户在第一个字段中输入 100，100 的 25% 是 25，现在第二个字段将自行更新为 125 onchange。

Answer 1

如果您只想增加 25%，您可以使用 JS 轻松实现

document.querySelector('[name=name2]').value = this.value * 1.25

它获取具有name="name2"并使其值为 name1 值的 125% 的输入

<form>

<input type = "number" name="name1" value="" oninput="document.querySelector('[name=name2]').value = this.value * 1.25">

<input type = "number" name="name2" value="">

</form>