How to connect checkbox to box shadow so that It can remove check box with box shadow

Question

 <form> <input type="button" value="Delete Checkbox" onclick="return deleteCheckbox('checkbox1','checkboxContainer')" /> <script> var checkboxObject = document.getElementById(checkBoxID); </script> <div> <div class="checkbox-1"> <div id="checkboxContainer"> <input id="checkbox1" type="checkbox" /> <p>JVC200123 <br>Acme DISC <br>1.00$ <br>Size:700 MB</p> <script> checkboxObject = document.getElementById(checkBoxID); function deleteCheckbox(checkboxID, parentID, ) { var checkboxObject = document.getElementById(checkboxID); var parentObject = document.getElementById(parentID); parentObject.removeChild(checkboxObject); } </script> </div> </div> </div>

Answer 1

question is not so clear, in case your main porblem is with checkbox in javascript:

so your checkbox id is "checkbox1":

<input id="checkbox1" type="checkbox" />

but in js, you put this "checkboxID" which doesn't exist.

try:

var checkboxObject = document.getElementById("checkbox1");