Jquery serialize正在为动态文本框获取相同的值

我使用以下代码创建带有复选框的动态文本框

function addNewModifier()
    {
        $('#modifiersList tr:last').after('<tr><td></td><td><form id="insertModifier"><input name="modifierName" id="modifierName" class="focused form-control" type="text"></input></td><td align="center"><span class="glyphicon glyphicon-folder-open" style = "cursor:pointer"></span></td><td><input name="status" id="status" type="checkbox"></input></td><td align="center"><span class="btn btn-primary" onclick="saveNewModifier()"><i class="icon-white fa-plus-circle fa fa-align-left"></i>Save</span></td><td><span class="btn btn-default" onclick="deleteNewSuperCategory(this)"><i class="icon-white fa-plus-circle fa fa-align-left"></i>Cancel</span></td></form></tr>'); 
    }

上面的

saveNewModifier（）

函数只提供文本框值，并且始终相同

---

请帮助我如何获得在创建新行时始终不同的复选框和文本框的值。

以下是一个示例。这可能对你有帮助

函数saveNewModifier（）
{
var groupName=$（“#insertModifier”）.serialize（）；
var checkValue=$（“#状态”）.serialize（）；
警报（组名）；
警报（校验值）；
}
函数addNewModifier（）
{
$（'#修饰符列表tr:last'）。在（'SaveCancel'）之后；
$（this.serialize（）；
}
addNewModifier（）；
$（文档）.ready（函数（）{
$（“#btnSave”）。在（'click'，function（）上{
saveNewModifier（）；
});
})

虚拟数据

这是不正确的，只需尝试添加两次新行，每次保存后就会看到值始终相同。这就是我正在寻找的解决方案。如果您需要添加多行，那么您应该使id成为动态的（id在页面上应该是唯一的）。请转到解决方案的链接谢谢，这是我一直在寻找的。很好！

function saveNewModifier()
    {
        var groupName = $("#insertModifier").serialize();
        alert(groupName);
    }