可以通过以下代码实现将多个复选框后面的输入框的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,因为每个复选框和输入框都是成对出现的

把多个复选框后面的输入框的value赋值给前面的复选框value

原文地址: https://www.cveoy.top/t/topic/iju4 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录