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='1' />
</span>
<br>4.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='3'/>
</span>
<br>5.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='1'/>
</span>
<br>6.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='2' />
</span>
<br>7.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='1'/>
</span>
<br>8.
<span class="fields">
    <input type="checkbox" checked class="subCheck1 check" />
    <input type="text" value='4 - last removed'/>
</span>
<br></br>
<hr/>

JavaScript

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