用js将五个input中value的值互换
时间: 2023-09-22 11:11:20 浏览: 53
以下是一个简单的实现,可以将五个input中value的值互换:
HTML代码:
```html
<input type="text" id="input1" value="1">
<input type="text" id="input2" value="2">
<input type="text" id="input3" value="3">
<input type="text" id="input4" value="4">
<input type="text" id="input5" value="5">
<button onclick="swapValues()">Swap Values</button>
```
JavaScript代码:
```js
function swapValues() {
// 获取五个input元素
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
var input3 = document.getElementById("input3");
var input4 = document.getElementById("input4");
var input5 = document.getElementById("input5");
// 交换input元素的value属性值
var temp = input1.value;
input1.value = input2.value;
input2.value = input3.value;
input3.value = input4.value;
input4.value = input5.value;
input5.value = temp;
}
```
当点击“Swap Values”按钮时,将调用swapValues函数,该函数获取五个input元素,并将它们的value属性值相互交换。在这个例子中,我们使用了一个临时变量来保存input1的value属性值,以便在交换过程中不会丢失。