点击button,将一个input的value放到另一个input中的三种方法

function merge(){
//方法一js实现
var value=document.getElementById(oldId).value;
document.getElementById(newId).value=value;


//方法2jQuery实现
$("#"+newId+"").val($("#"+oldId+"").val());

//方法1和2都是有参数的oldId,newId

//方法3 无参数(虽然说是无参数但是还是要用到button的class)根据button的位置找input的位置,然后将value赋给另一个input

value = $('.wykf_use').prev().val();
$('.wykf_use').parent().siblings().eq(2).children().val(value);


}


方法3是有缺陷的,如果有很多class相同的button则会出现只会识别第一个button,那么值也会全部赋值给第一个input

方法3改进:

$(document).ready(function(){
$('.wykf_use').click(function(){
value = $(this).prev().prev().val();
$(this).parent().siblings().eq(2).children().first().val(value);
// alert($(this).parent().siblings().eq(2).html());
// alert(value);
});
});



value值,同时保证每个inputvalue值都不重复。 以下是一种可能的实现方式: HTML代码: ``` <input id="input1" type="text" value="123"> <input id="input2" type="text" value="456"> <input id="input3" type="text" value="789"> <input id="input4" type="text" value="012"> <button onclick="shuffleValues()">随机变换</button> ``` JavaScript代码: ``` function shuffleValues() { // 获取四个输入框元素 const input1 = document.getElementById("input1"); const input2 = document.getElementById("input2"); const input3 = document.getElementById("input3"); const input4 = document.getElementById("input4"); // 定义一个数组,存储所有可能的value值 const values = ["123", "456", "789", "012"]; // 从数组随机选择一个值,作为第一个输入框的新value const newValue1 = values[Math.floor(Math.random() * values.length)]; // 从数组剩余的值再随机选择三个值,作为其他三个输入框的新value const remainingValues = values.filter(value => value !== newValue1); const newValue2 = remainingValues.splice(Math.floor(Math.random() * remainingValues.length), 1)[0]; const newValue3 = remainingValues.splice(Math.floor(Math.random() * remainingValues.length), 1)[0]; const newValue4 = remainingValues[0]; // 将新value赋值给对应的输入框 input1.value = newValue1; input2.value = newValue2; input3.value = newValue3; input4.value = newValue4; } ``` 解释:该函数首先获取四个输入框的元素,然后定义一个包含所有可能的value值的数组。随机选择一个值作为第一个输入框的新value,然后从数组剩余的值再随机选择三个值,分别作为其他三个输入框的新value。最后将新value赋值给对应的输入框。注意,这里使用了数组的filter和splice方法来避免重复选择相同的value值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值