在克隆元素中创建唯一名称的增量数字问题

Question

Onclick 我正在克隆复选框，因此客户可以根据需要订购原始报价。我现在有两个问题：

1) 为原始名称添加唯一编号。它现在的工作方式：

我得到了这个 a_1、a_12、a_123 等。

而不是这个 a_1、a_2、a_3 等。

2) 另一个问题是文本框“b”的增量不是从 1 开始，而是前一个 (a) 结束的地方。我希望它从一个开始。

感谢您的帮助，这是我的代码：

c = 0;
$('input[type="checkbox"]').change(function(){
var currentNameAttr = $(this).attr('name'); 
var newNameAttr = (currentNameAttr+(++c))
var cloned;
if($(this).is(':checked')) {
$(this).parent().parent().parent().clone(true).insertAfter(this)
$(this).prop('checked', false)
$(this).attr('name', newNameAttr)
}
}) 

Answer 1

这是因为这条线：var newNameAttr = (currentNameAttr+(++c))。发生的情况是它检查 currentNameAttr 和 $(this).attr('name') 的内容并添加 c 。但是，您并没有删除最后一个 c，所以您需要做的是：

 c = 0;
 $('input[type="checkbox"]').change(function(){
      var baseName = "a_"; 
      var newNameAttr = baseName + c;
           c++;
      var cloned;

      if($(this).is(':checked')) {
           $(this).parent().parent().parent().clone(true).insertAfter(this)
           $(this).prop('checked', false)
           $(this).attr('name', newNameAttr)
      }
 }) 

这样，它将始终将c（将是一个大于 0 的整数）添加到 baseName（将是“a_”或您设置的任何值）。每次执行此函数时，它都会增加 c，这样下次就不会分配相同的 id。