Deleting checkboxes in Javascript
<p>Im very new to Javascript so any and all input would be welcomed.
I am having issues in creating a function used to delete selected checkboxes. I have tried numerous things but end up just deleting the entire function.</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;

    &lt;head&gt;
        &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
        &lt;title&gt;Shopping List&lt;/title&gt;
        &lt;script&gt;
            /*
            Create a shopping list program using javascript.  The page should have a text input, an “add” button, a “delete checked” button, and a list of items.  Each item should have a checkbox next to it.  If you fill out the text input and click” add,” it should add a list item to the end of the list.  If you check a box (or boxes) next to a list item then click “delete checked,” it should remove the list items that were checked.  Style the page using CSS.  
            */
            function addIt() {
                var list = document.getElementById("list"); //used to grab the parent level "list"
                var li = document.createElement("li"); //creates a "li" in the document
                var userTxt = document.getElementById("product"); //used to grab the user text input "product"
                var childText = userTxt.value; //returns the userTxt value and sets it equal to childText
                var childTextNode = document.createTextNode(childText); //creates a textNode in the document based on what the user entered in the "product" text field
                var chkBox = document.createElement("input"); //creates a new input based on the user input
                chkBox.type = "checkbox"; //creates a checkbox next to the user input from "product"

                //form the relationship
                li.appendChild(chkBox); //
                li.appendChild(childTextNode); //
                //attach to the parent element
                list.appendChild(li); //
                inputText.value = "";
                inputText.focus();
            }
        &lt;/script&gt;
    &lt;/head&gt;

    &lt;body&gt;
        &lt;div id="content"&gt;
            &lt;h1&gt;Shopping Cart&lt;/h1&gt;
            &lt;input id="product" type="text" /&gt;
            &lt;input type="button" id="Add" value="Add" onclick="addIt()" /&gt;
            &lt;input type="button" id="Delete" value="Delete" onclick="deleteIt()" /&gt;
            &lt;ul id="list"&gt;
                &lt;li&gt;
                    &lt;input type="checkbox" /&gt;Eggs&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;/div&gt;
    &lt;/body&gt;

&lt;/html&gt;
</code></pre>
