Javascript 动态创建的复选框值的存储

因此，我的一个chrome扩展上有一个类似于待办事项列表的功能，我只是不想让复选框来存储这些值

我采用了一种非常规的方法，我有一个

textbox

，当我按enter键时，

textbox

值在我的div中创建了我的第一个todolist元素，然后我将

textbox

值发送到

textarea

中，在那里我存储了由

\n

分隔的所有todolist元素。然后，当我重新加载页面时，我存储的文本区域用新行分隔这些值，并将它们输出到一个div中。这可能不是最好的方法，但到目前为止，它对我很有效

无论如何，现在我尝试存储动态创建的复选框的复选框值。因此，我为每个复选框分配了一个id为

I

，其中

I

是

。我似乎不知道如何动态存储复选框，我知道如何单独存储它们，但这对我来说似乎更难

以下是我的

设置代码

我的同步存储：

var todolines = $('#todoListSave').val().split('\n');
        for(var i = 0;i < todolines.length;i++){
        console.log(i);
        var isTodoListChecked = document.getElementById(i).checked;
        chrome.storage.sync.set({
             todoList: isTodoListChecked
        });
          console.log(isTodoListChecked); 
        }

chrome.storage.sync.get('todoList', function (result) {
        todoList = result.todoList;
        console.log(todoList);
});

有什么想法吗？也许我只是想得太多了，但我似乎想不出来

---

谢谢。

我的猜测是，由于复选框是动态生成的，所以行

var isTodoListChecked = document.getElementById(i).checked;

这是行不通的。您将需要调用jquery.on（）函数来指定复选框值

$(document).on('checked', '#'+i, function(e){