把多个复选框后面的输入框的value赋值给前面的复选框value
可以通过以下代码实现将多个复选框后面的输入框的value值赋值给前面的复选框的value值:
HTML代码:
<input type="checkbox" id="checkbox1" value="">
<input type="text" id="input1" value="">
<input type="checkbox" id="checkbox2" value="">
<input type="text" id="input2" value="">
<input type="checkbox" id="checkbox3" value="">
<input type="text" id="input3" value="">
<button onclick="assignValues()">赋值</button>
JavaScript代码:
function assignValues() {
// 获取所有复选框和输入框元素
var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var inputs = document.querySelectorAll('input[type="text"]');
// 遍历复选框和输入框元素,将输入框的value值赋值给前面的复选框的value值
for (var i = 1; i < checkboxes.length; i += 2) {
checkboxes[i - 1].value = inputs[i].value;
}
}
该代码首先通过querySelectorAll方法获取了所有的复选框和输入框元素,然后使用一个循环遍历输入框元素,并将输入框的value值赋值给前面的复选框的value值。需要注意的是,这里的循环步长为2,因为每个复选框和输入框都是成对出现的
原文地址: https://www.cveoy.top/t/topic/iju4 著作权归作者所有。请勿转载和采集!