如何根据表单值进行计算

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。

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>