JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id="selectall" />Select All <BR />
<input type="checkbox" id="cbox1" /><div id="tinypic1">tinypic1</div> <BR />
<input type="checkbox" id="cbox2" /><div id="tinypic2">tinypic2</div> <BR />
<input type="checkbox" id="cbox3" /><div id="tinypic3">tinypic3</div> <BR />
<input type="checkbox" id="cbox4" /><div id="tinypic4">tinypic4</div> <BR />
<input type="checkbox" id="cbox5" /><div id="tinypic5">tinypic5</div> <BR />
<input type="checkbox" id="cbox6" /><div id="tinypic6">tinypic6</div> <BR />
<input type="checkbox" id="cbox7" /><div id="tinypic7">tinypic7</div> <BR />
<input type="checkbox" id="cbox8" /><div id="tinypic8">tinypic8</div> <BR />
<input type="checkbox" id="cbox9" /><div id="tinypic9">tinypic9</div> <BR />
<input type="checkbox" id="cbox10" /><div id="tinypic10">tinypic10</div> <BR />

JavaScript

$(document).ready(function() {
        $('#selectall').click(function() {
            if ($('#selectall').prop('checked')) {
                for ( i = 1; i <= 10; i++ ) {
                  $("#tinypic" + i).show();  
                   $("#cbox" + i).prop("checked", true);
                }                
 
            } else {
                for ( i = 1; i <= 10; i++ ) {
                  $("#tinypic" + i).hide();  
                   $("#cbox" + i).prop("checked", false);
                }     
            }
        });
    });