JSFiddle - React, Tailwind, and code Playground

HTML

<div class="action_row">
   <button class="getCheckbox" data-to="2">От 0 до 2</button>
   <button class="getCheckbox" data-from="3" data-to="6">От 3 до 6</button>
   <button class="getCheckbox" data-from="7" data-to="10">От 7 до 10</button>
   <button class="getCheckbox" data-from="11" >От 11</button>
</div>

<div class="checkbox_box">
  <div>
    <label>
      <input type="checkbox" name="id_0" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 0
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_1" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 1
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_2" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 2
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_3" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 3
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_4" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 4
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_5" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 5
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_6" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 6
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_7" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 7
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_8" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 8
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="id_9" class="list" value="#EXTINF:0,UA:Перший
http://puuuuruuuu.ps/pershiy/mpegts" /> 9
    </label>
  </div>
   <div>
...

CSS

.checkbox_box

JavaScript

jQuery(function($){
   $('.getCheckbox').on('click', function(){
       var box = $('.checkbox_box'),
           selector = ':checkbox',
           me = $(this),
           from =  me.attr('data-from') ,
           to =  me.attr('data-to') ;
           
     
       if (to != undefined) { 
           selector += ':lt(' +   ( parseInt( to ) + 1 )  + ')'
       }
       if (from != undefined) { 
           selector += ':gt(' +  ( from - 1 )  + ')'
       } 
       $checkboxGroup =  $('.checkbox_box').find(selector); 
       
       box.find(':checkbox:checked').prop('checked', false);
       $checkboxGroup.prop('checked', true);
   })
})