用js让input里面的value=123随机传入其他三个value每次都清除
时间: 2024-06-12 22:08:20 浏览: 69
以下是使用JavaScript实现该功能的示例代码:
HTML代码:
```html
<input id="input1" type="text" value="123">
<input id="input2" type="text">
<input id="input3" type="text">
<input id="input4" type="text">
<button onclick="randomize()">随机传值</button>
```
JavaScript代码:
```js
function randomize() {
// 获取input1的value
var value1 = document.getElementById("input1").value;
// 清空所有input的value
document.getElementById("input1").value = "";
document.getElementById("input2").value = "";
document.getElementById("input3").value = "";
document.getElementById("input4").value = "";
// 随机传值
var values = [value1, "", "", ""];
var randomIndex = Math.floor(Math.random() * 4);
values[randomIndex] = value1;
// 将值传到对应的input中
document.getElementById("input1").value = values[0];
document.getElementById("input2").value = values[1];
document.getElementById("input3").value = values[2];
document.getElementById("input4").value = values[3];
}
```
在这个示例中,我们首先获取输入框input1的值,然后清空所有输入框的值。接着,我们使用一个数组来存储四个输入框的值,其中第一个值为input1的值,其余三个值为空字符串。然后,我们通过生成一个随机索引来决定将input1的值传递给哪个输入框。最后,我们将值传递给对应的输入框,完成随机传值的功能。
阅读全文