Javascript 带有克隆行的单选按钮数组

我有一个表单，当用户点击“添加行”时，一行会被搞糟。我的问题是单选按钮，单选组的名称保持不变，我需要使它们对于每个克隆行都是唯一的。这就是我目前的情况

 <input type="radio" name="chronic_l_duration[]" value="Chronic" />
 <input type="radio" name="chronic_l_duration[]" value="Limited duration" />

我想要的是这样的：

<input type="radio" name="chronic_l_duration[1]" value="Chronic" />
<input type="radio" name="chronic_l_duration[1]" value="Limited duration" />

当添加另一行时，它将转到：

 <input type="radio" name="chronic_l_duration[2]" value="Chronic" />
 <input type="radio" name="chronic_l_duration[2]" value="Limited duration" />

我用于克隆行的Javascript：

  $(document).ready(function(){
    var clonedRow = $('.row').clone().html();
    var appendRow = '<tr class = "row">' + clonedRow + '</tr>';  

    $('#btnAddMore').click(function(){

    $('.employmentHistoryForm tr:last').after(appendRow);
    });


    $('.deleteThisRow').live('click',function(){
    var rowLength = $('.row').length;

    if(rowLength > 1){
    deleteRow(this);
    }else{
    $('.employmentHistoryForm tr:last').after(appendRow);
    deleteRow(this);
    }
    });

    function deleteRow(currentNode){
    $(currentNode).parent().parent().remove();
    }
    });

$（文档）.ready（函数（）{
var clonedRow=$（'.row'）.clone（）.html（）；
var appendRow=''+clonedRow+''；
$（'#btnAddMore'）。单击（函数（）{
$（'.employmentHistoryForm tr:last'）。在（附录行）之后；
});
$（'.deleteThisRow'）.live（'单击'，函数（））{
var rowLength=$（'.row'）.length；
如果（行长>1）{
删除（本）；
}否则{
$（'.employmentHistoryForm tr:last'）。在（附录行）之后；
删除（本）；
}
});
函数deleteRow（currentNode）{
$（currentNode）.parent（）.parent（）.remove（）；
}
});

因此，每次克隆行get时，单选按钮都有一个唯一的值

---

有什么方法可以做到这一点吗？

您可以使用

$（'.employmentHistoryForm tr:last'）访问附加的行，然后修改输入的名称：

$('#btnAddMore').click(function(){
   $('.employmentHistoryForm tr:last').after(appendRow);
   $('.employmentHistoryForm tr:last input[type="radio"]').attr('name', 'desired value');
});

您好，谢谢您的帮助，我如何在姓名后面的引号中获得数字？