JSFiddle - React, Tailwind, and code Playground

by Artur Filipiak

HTML

<button type="button" onclick="deleteChecked()">DELETE</button>
<br><br>1.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='1' />
</span>
<br>2.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='2'/>
</span>
<br>3.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='3' />
</span>
<br>4.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='4'/>
</span>
<br>5.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='5'/>
</span>
<br>6.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='6' />
</span>
<br>7.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='7'/>
</span>
<br>8.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='8'/>
</span>
<br></br>
<hr/>

JavaScript

function deleteChecked() {
    var inputElems = document.getElementsByTagName("input");
    for(var i = inputElems.length-1; i>= 0; i--){
        if(inputElems[i].type === "checkbox" && inputElems[i].checked === true) {
            inputElems[i].parentNode.remove();
        }
    }   
}