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')) {
  
                  $("[id^='tinypic']").show();  
                   $("[id^='cbox']").prop("checked", true);
                          
 
            } else {
              
                  $("[id^='tinypic']").hide();  
                   $("[id^='cbox']").prop("checked", false);
                 
            }
        });
    });