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="check_g" /> 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').click(function(){
    if( $(this).is(':checked') ){
      $(this).parent('p').prevAll().children('input').attr('checked',true)
     
         }
})