Question

如果用户点击“添加行”，我会有一个表格，其中有一行被小丑。我的问题是单选按钮，无线电组的名称保持不变，我需要为每个克隆行获取它们。这就是我现在拥有它的方式。

 <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();
    }
    });

因此，每次克隆行时，单选按钮都具有唯一值。

我有可能这样做吗？

Answer 1

您可以使用$('.employmentHistoryForm tr:last')访问附加行，然后修改输入名称：

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

带克隆行的单选按钮阵列

1 个答案: