如何将 onchange 属性添加到选中/取消选中时触发的 JavaScript 生成的复选框？

Question

我有一个很大的 json 人员列表，他们只有一个 id 和一个名字。下面我循环遍历它，添加复选框列表工作正常。我有另一个类似的但具有较短的 json 列表并且代码相同，因此这不是 json 的问题，而是我编写 js 代码的方式。我正在做下面的事情。为 obj.people 中的每个人创建复选框和标签...var peopleLen = obj.People.length;for (var i = 0; i < peopleLen; i++) {    if (i < obj.People.length) {        checkbox = null;        label = null;        linebreak = null;        linebreak = document.createElement('br');        checkbox = document.createElement('input');        checkbox.type = 'checkbox';        checkbox.name = "target";        checkbox.value = obj.People[i].ID;        checkbox.id = "cbTarget" + i.toString();        label = document.createElement('label');        label.id = "lbTarget" + i.toString();        label.htmlFor = "cbTarget" + i.toString();        //This is where I believe it's wrong:        checkbox.onclick = function () {            toggleTargetList(obj.People[i].ID);        };        label.appendChild(document.createTextNode('\u00A0\u00A0' + obj.People[i].Name));        document.getElementById("divcbTargets").appendChild(checkbox);        document.getElementById("divcbTargets").appendChild(label);        //Add a line break:        document.getElementById("divcbTargets").appendChild(linebreak);    }}我分配给它的功能是：function toggleTargetList(t) {    alert(t);}一个简单的警报。当我改变时：toggleTargetList(obj.People[i].ID);至：toggleTargetList(obj.People[0].ID);它提醒正确显示第一个人的 id，但是当它[i]提醒相同的值时（json 对象的 people id 属性的第一个值）。我不明白为什么会这样。它在分配复选框属性时发出警报，而不是在单击实际复选框时发出警报，这是另一个问题。