JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <div>
        <input type='checkbox' name='ch1'>
    This text must change !!!
        <input type='checkbox' name='ch2'>
    </div>
</form>

CSS

body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
}

JavaScript

$(document).ready(function() {
    var ch1 = $("input:checkbox[name=ch1]");
    var ch2 = $("input:checkbox[name=ch2]");
    var contents = ch1.parent().contents();
    contents.slice(contents.index(ch1) + 1, contents.index(ch2)).remove();
    ch1.after("The text was changed.");
});