Removing Checked checkbox elements using a function

Trying to make a to-do list using JavaScript but can't seem to figure out a way to delete the checked checkboxes.

I tried to have the program change the id then delete everything with that new id but that didn't seem to work, maybe I was missing something important not sure but if any of you know a different way of deleting checked checkboxes, I'd appreciate the help.

function add() {
   var myDiv = document.getElementById("myDiv");

   var inputValue = document.getElementById("myInput").value;


   // creating checkbox element 
   var checkbox = document.createElement('input');



   if (inputValue === '') {
      alert("Input is Empty!");
   } else {
      document.getElementById("myUL").appendChild(checkbox);
   }

   // Assigning the attributes to created checkbox 
   checkbox.type = "checkbox";
   checkbox.name = "name";
   checkbox.value = "value";
   checkbox.id = "checkBox";

   // create label for checkbox 
   var label = document.createElement('label');

   // assigning attributes for the created label tag  
   label.htmlFor = "checkBox";

   // appending the created text to the created label tag   
   label.appendChild(document.createTextNode(inputValue));

   // appending the checkbox and label to div 
   myDiv.appendChild(checkbox);
   myDiv.appendChild(label);

}

function remove() {
   var doc = document.getElementById("checkBox").checked;
   doc.remove;
}

  <h1>To Do List</h1>

  <input type="text" id="myInput">

  <button onclick='add()'>Click me!</button>
  <button onclick="remove()">Delete</button>

  <ul id="myUL">
     <div id="myDiv"></div>
  </ul>