JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Main1">
    <div id="Secondary1">
        <div id="div1">
            <img id="section1" src="image1" alt="" />
            <span>Div 1 text</span>
        </div>
        <div id="div2">
            <img id="section2" src="image2" alt="" />
            <span>Div 2 text</span>
        </div>
        <div id="div3">
            <input type="checkbox" id="section3">
            Div 3 text
        </input>
        </div>
        <div id="div4">
            <input type="checkbox" id="section4">
            Div 4 text
        </input>
        </div>
        <div id="div5">
            <input type="checkbox" id="section5">
            Div 5 text
        </input>
        </div>
        <div id="div6">
            <input type="checkbox" id="section6">
            Div 6 text
        </input>
        </div>
    </div>
</div>

JavaScript

$(function() {
    $('input[id^=section]').click(function() {

        if ($(this).attr('checked')) {
            $(this).parent().prevAll().children(':checkbox').attr('checked', 'checked');
        }
    });
});