Question

我有一个包含两个文本输入的表单。第二个输入有一个数字，应该由第一个输入内的值改变。

当用户点击按钮时，第二个输入应该以与第一个输入相同的百分比进行更改（篡改）。

这是我的代码，不起作用：当我点击按钮时没有任何反应。

Aumentar un <input id="porcentaje">% <input type="button" id="aumentar" value="Aumentar" onclick="calcular()">
<br>Monto: <input id="campo">

这是calcular（）函数：

function calcular() {
var original = document.getElementById('campo').value;
var aumento = document.getElementById('porcentaje').value;

original = original*aumento/100;
}

And here is the jsfiddle link to the script.

请注意我没有命名“提交”按钮，也没有使用onsubmit（），因为表单已经有一个提交按钮。

Answer 1

试试这个： http://jsfiddle.net/NAM7C/

calcular = function calcular() {
var original = document.getElementById('campo');
var aumento = document.getElementById('porcentaje').value;

original.value = (original.value*aumento/100);
}

Answer 2

这更接近原始代码，请注意，在JSFiddle中，您应该设置 No wrap-in body ，以使您的事件处理程序正常工作。

http://jsfiddle.net/S9Msj/

function calcular() {
var original = document.getElementById('campo');
var aumento = document.getElementById('porcentaje').value;

original.value = original.value*aumento/100;
}

JS：为什么当我点击按钮时没有任何反应？

2 个答案: