JSFiddle - React, Tailwind, and code Playground

HTML

<p><input type="checkbox" name="name[]" /> A</p>
<p><input type="checkbox" name="name[]" /> B</p>
<p><input type="checkbox" name="name[]" /> C</p>
<p><input type="checkbox" name="name[]" /> D</p>
<p><input type="checkbox" name="name[]" /> E</p>
<p><input type="checkbox" name="name[]" /> F</p>
<p><input type="checkbox" name="name[]" /> G</p>
<p><input type="checkbox" name="name[]" /> H</p>
<p><input type="checkbox" name="name[]" /> I</p>
<p><input type="checkbox" name="name[]" /> J</p>

JavaScript

$("input:checkbox").on("click",function(){
    if(this.checked)
    $(this).parent().prevAll().each(function(){
        $("input:checkbox",this).attr("checked",true);
    });
});