js将计算的值赋给form
时间: 2023-12-04 14:05:59 浏览: 67
可以通过JavaScript来获取表单元素的值并进行计算,然后将计算的结果赋给表单元素。以下是一个示例:
HTML代码:
```html
<form>
<input type="number" id="num1"> +
<input type="number" id="num2"> =
<input type="text" id="result">
<br><br>
<button onclick="calculate()">计算</button>
</form>
```
JavaScript代码:
```javascript
function calculate() {
// 获取表单元素的值并进行计算
var num1 = parseInt(document.getElementById("num1").value);
var num2 = parseInt(document.getElementById("num2").value);
var result = num1 + num2;
// 将计算的结果赋给表单元素
document.getElementById("result").value = result;
}
```
在这个示例中,我们定义了一个名为`calculate()`的函数,它获取表单中`id`为`num1`和`num2`的输入框的值,并将它们相加。然后,它将计算的结果赋给表单中`id`为`result`的输入框。最后,我们将`calculate()`函数与按钮的`onclick`事件关联,以便在单击按钮时调用该函数。
阅读全文