Javascript 使用for循环在每个列表项旁边添加复选框

我正在尝试使用javascript构建一个待办事项列表，到目前为止，我已经做到了：

HTML

待办事项清单


添加

JAVASCRIPT

 var inputField = document.getElementById('todoText');
 var todoList = new Array();
 var uList = document.getElementById('TodoTable');
 var addButton = document.getElementById('addTodo');

 var listItemCheckbox = document.createElement('input');
 listItemCheckbox.type = 'checkbox';

 var addTodo = function (todoText) {
addToArray(todoText);
refreshList();
   };

var addToArray = function(text) {
todoList.push(inputField.value);
}



var refreshList = function() {
uList.innerHTML = "";
var listItem;
for (var i = 0; i<todoList.length; i++) {
    listItem = document.createElement('li');
    listItem.innerHTML = todoList[i];
    uList.appendChild(listItem);
    listItem.appendChild(listItemCheckbox);
}
}

addButton.addEventListener('click', function(e){
var todoText = inputField.value;
addTodo(todoText);
});

var-inputField=document.getElementById（'todoText'）；
var todoList=新数组（）；
var uList=document.getElementById（'TodoTable'）；
var addButton=document.getElementById（'addTodo'）；
var listItemCheckbox=document.createElement（'input'）；
listItemCheckbox.type='checkbox'；
var addTodo=函数（todoText）{
addToArray（todoText）；
刷新列表（）；
};
var addToArray=函数（文本）{
todoList.push（inputField.value）；
}
var refreshList=函数（）{
uList.innerHTML=“”；
var列表项；
对于（var i=0；i您正在重用同一个checkbox对象。
每次需要添加复选框时，您都应该创建一个新复选框，否则您只是将其从一个位置移动到另一个位置。
谢谢，这是有意义的。我已将/*var listItemCheckbox=document.createElement（'input'）；listItemCheckbox.type='checkbox'；*/移动到循环中，现在可以工作：）
 var inputField = document.getElementById('todoText');
 var todoList = new Array();
 var uList = document.getElementById('TodoTable');
 var addButton = document.getElementById('addTodo');

 var listItemCheckbox = document.createElement('input');
 listItemCheckbox.type = 'checkbox';

 var addTodo = function (todoText) {
addToArray(todoText);
refreshList();
   };

var addToArray = function(text) {
todoList.push(inputField.value);
}



var refreshList = function() {
uList.innerHTML = "";
var listItem;
for (var i = 0; i<todoList.length; i++) {
    listItem = document.createElement('li');
    listItem.innerHTML = todoList[i];
    uList.appendChild(listItem);
    listItem.appendChild(listItemCheckbox);
}
}

addButton.addEventListener('click', function(e){
var todoText = inputField.value;
addTodo(todoText);
});