jquery 动态增加，每行增加3个不同名字的input并赋值

以下是一个示例代码，通过点击按钮动态添加3个不同名字的input，并为它们赋值：

// HTML代码
<div id="container">
  <button id="addInputs">添加输入框</button>
  <div id="inputContainer"></div>
</div>

// jQuery代码
$(document).ready(function() {
  var counter = 0;
  $("#addInputs").click(function() {
    for (i = 0; i < 3; i++) {
      counter++;
      $("#inputContainer").append('<input type="text" name="input' + counter + '" value="' + counter + '">');
    }
  });
});

每次点击“添加输入框”按钮时，将在`#inputContainer`中添加3个input元素，它们的名称分别为`input1`、`input2`、`input3`，并且它们的值分别为当前计数器的值。这样可以确保每个输入框的名称都是唯一的，并且每个输入框都被赋予了不同的值。

相关问题

jquery 动态增加，每行增加3个不同名字的单元格input并赋值

以下是一个示例代码，可以实现每行增加3个不同名字的单元格input并赋值：

$(document).ready(function(){
  var names = ["John", "Jane", "Bob", "Mary", "Tom", "Sara"]; // 可选的名字列表
  var table = $("#myTable"); // 目标表格
  var count = 0; // 计数器

  // 点击按钮时动态增加一行
  $("#addRowBtn").click(function(){
    // 创建一行
    var row = $("<tr></tr>");

    // 循环增加3个单元格
    for (var i = 0; i < 3; i++) {
      // 从名字列表中随机选取一个名字
      var name = names[Math.floor(Math.random() * names.length)];

      // 创建一个单元格并赋值
      var cell = $("<td></td>").append($("<input>").attr("name", "name" + count).val(name));

      // 将单元格添加到行中
      row.append(cell);

      // 更新计数器
      count++;
    }

    // 将行添加到表格中
    table.append(row);
  });
});

在上述代码中，我们首先定义了一个可选的名字列表，然后将目标表格和计数器初始化。

在按钮点击事件的回调函数中，我们创建一个新的行，并循环增加3个单元格。在每个单元格中，我们从名字列表中随机选取一个名字，并创建一个带有相应名称和值的输入框。最后，我们将单元格添加到行中，更新计数器，并将行添加到表格中。

请注意，上述示例代码仅供参考，并可能需要根据具体需求进行修改。

jquery 每行增加3个不同名字的input并赋值

可以使用以下代码：

//获取要添加input的容器
var container = $('#container');

//定义要添加的不同名字的input
var inputName1 = 'input1';
var inputName2 = 'input2';
var inputName3 = 'input3';

//定义要添加的input的初始值
var inputValue1 = 'value1';
var inputValue2 = 'value2';
var inputValue3 = 'value3';

//循环添加input
for(var i = 0; i < 3; i++){
  //创建input元素
  var input1 = $('<input>').attr({
    'type': 'text',
    'name': inputName1 + i,
    'value': inputValue1
  });
  var input2 = $('<input>').attr({
    'type': 'text',
    'name': inputName2 + i,
    'value': inputValue2
  });
  var input3 = $('<input>').attr({
    'type': 'text',
    'name': inputName3 + i,
    'value': inputValue3
  });
  
  //将input添加到容器中
  container.append(input1).append(input2).append(input3);
}

这段代码会循环添加3个不同名字的input，并为每个input赋予初始值。最后将它们添加到指定的容器中。