javascript - 如何使每个有一个复选框（HTML 和 Javascript）

Question

我正在创建一个允许用户创建待办事项列表的 Chrome 扩展程序。到目前为止，我可以输入一个任务并提交它。现在我希望这个输入，它是一个列表，有一个复选框。现在，每当用户提交任务时，它都会被计为一个列表。

HTML：

<input type="text" name="newtask" value="" spellcheck="false" placeholder="New Task" id="newtask">
<ul id="tasksUL">
  <li><input type="checkbox"><label>test</label></li>
</ul>

Javascript：

$(() => {
   $('input').on('keypress', function(e) {
     if (e.keyCode == 13) {
       const newTask = $(this).val();
       if (newTask) {
         const li = document.createElement('li');
         li.textContent = newTask;
         $('#tasksUL').append(li);
         $(this).val("");
       }
     }
   });
 });

标签： javascripthtmlcssgoogle-chrome-extension

Answer 1

将孩子添加到 li，就像上面所做的一样。

const input=document.createElement('input')
         input.type="checkbox"
         li.append(input)