三个input框中value点击按钮随机互换j s
时间: 2023-05-29 10:04:00 浏览: 93
以下是JavaScript代码实现:
```html
<input type="text" id="input1" value="input1">
<input type="text" id="input2" value="input2">
<input type="text" id="input3" value="input3">
<button onclick="shuffleInputs()">点击随机互换</button>
<script>
function shuffleInputs() {
var inputs = document.querySelectorAll('input[type="text"]');
var values = [];
for (var i = 0; i < inputs.length; i++) {
values.push(inputs[i].value);
}
for (var i = 0; i < inputs.length; i++) {
var j = Math.floor(Math.random() * values.length);
inputs[i].value = values[j];
values.splice(j, 1);
}
}
</script>
```
代码解释:
- 首先,我们使用`querySelectorAll`方法获取所有类型为"text"的input元素,存储在一个数组中。
- 然后,我们将每个input元素的值存储在一个数组`values`中。
- 接着,我们使用一个循环来遍历每个input元素,每次将`values`数组中的一个随机值赋值给该元素的`value`属性,并从`values`数组中删除该值,以确保不会重复赋值。
阅读全文