Question

在向我求助之前，我想解释一下我的应用是如何运作的。我正在创建一组用户。要创建一个组，请选中一些复选框并点击组按钮，给出一些名称并点击确定。该组名称将显示在表格右侧。现在，要检查组成员，请单击组名称，将选中相应的复选框。在这个小提琴中的示例，当您单击test2组名称然后在左侧最后3行复选框将被选中。这很好。

我的问题在用户标签中，有一个表单可以接受姓名，手机号码和电话号码。填充所有字段后，按下添加按钮，然后在左侧添加新的。现在假设如果我想要创建一个组，那么选择这个新创建的行的复选框，那么它不会显示任何数据ID，是的，它应该知道，因为在这个<td><input data-id="46" type="checkbox"></td>中，数字46是自动增量编号从mysql表开始。当插入一行时，这个id会增加。这发生在后端。请告诉我如何在前端执行此操作。这是fiddle，这是小提琴的full screen（因为标签不能在小屏幕上工作，我不知道为什么）。

Answer 1

您可以将最后一个data-id保存到全局变量中，如

var current_user_count;

function addUser(){
   current_user_count = parseInt($('td').last().attr('data-id')):
   current_user_count +=1;
   $("element").append('<td data-id="current_user_count"></td>')
}

为按钮单击添加此功能 addUser（）。

Answer 2

您可以根据变量的重置方式使用localstorage或sessionstorage。您也可以使用cookie。

以下是 Working Fiddle

if(!localStorage.count) {
    localStorage.count = 0;   
}
localStorage.count++;
var num = localStorage.count;
$("#shortfall").text(num);

如何动态创建data-id？

2 个答案: