JSFiddle - React, Tailwind, and code Playground

HTML

<div class="friends_container">
               <div class="friend">
                   <input type="checkbox" />    
                  ...
               </div>
 <div class="friend">
                   <input type="checkbox" />    
                  ...
               </div>
 <div class="friend">
                   <input type="checkbox" />    
                  ...
               </div>
</div>
<input id="selectall" type="checkbox"  />select all

JavaScript

$('#selectall').click(function(){
    $('.friend').find('input:checkbox').prop('checked',this.checked);
})