JSFiddle - React, Tailwind, and code Playground

HTML

<label>
    <input type="checkbox" name="test" value="1" /> Test 1
</label>
<label>
    <input type="checkbox" name="test" value="2" checked /> Test 2
</label>
<label>
    <input type="checkbox" name="test" value="3" checked /> Test 3
</label>
<label>
    <input type="checkbox" name="test" value="4" /> Test 4
</label>
<label>
    <input type="checkbox" name="test" value="5" checked /> Test 5
</label>
<label>
    <input type="checkbox" name="test" value="6" checked /> Test 6
</label>
<label>
    <input type="checkbox" name="test" value="7" checked /> Test 7
</label>
<label>
    <input type="checkbox" name="test" value="8" /> Test 8
</label>

<button id="remove">Remove</button>

CSS

label {
    display: block;
    margin: 0 0 10px;
}

JavaScript

var $removeBtn = $("#remove");

removeChecked = function () {
    $("input[name='test']").each(function () {
        var $this = $(this);
        $this.filter(":checked").parent().remove();
    });
}

$removeBtn.on("click", removeChecked);